jQueryで入力ファイルが空かどうかを確認する方法 質問する

jQueryで入力ファイルが空かどうかを確認する方法 質問する

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、空かどうかを確認し、空の場合はエラー メッセージをスローするにはどうすればよいですか?

ベストアンサー1

長さを確認してくださいファイルプロパティはファイルリスト入力要素に含まれるオブジェクト

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

おすすめ記事