1. ホーム
  2. javascript

[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法

2022-07-12 07:03:02

質問

JSの初心者です。

私はjQuery/JavaScriptでフォームを送信するときにファイル入力要素が空であるかどうかをチェックしようとしています。 私は多くの解決策を経験しましたが、何も私のために動作していません。 私は /c/fakepath (を避けようとしています(他に選択肢がない限り)。

<input type="file" name="videoFile" id="videoUploadFile" />

これはうまくいきません。

var vidFile = $("#videoUploadFile").value;

ファイル名を取得する方法は、以下のようにすればいいんですね。

var vidFile = document.getElementById("videoUploadFile").files[0].name;

利用可能なファイルがない場合、コードはエラーを投げます。

未定義のプロパティ名を読み取ることができません

配列が設定されていないので、これは理にかなっています。しかし、私はこれで任意のエラー処理を行う方法を見つけることができません。

ファイル入力要素を適切に取得するには videoUploadFile を取得し、それが空であるかどうかをチェックし、それが空である場合はエラーメッセージを投げるにはどうしたらよいでしょうか。

どのように解決するのですか?

の長さを確認するだけです。 ファイル プロパティで、これは ファイルリスト オブジェクトであり、入力要素に含まれる

if( document.getElementById("videoUploadFile").files.length == 0 ){
    console.log("no files selected");
}