[解決済み] 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");
}
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptで空文字列/未定義文字列/null文字列をチェックするにはどうすればよいですか?
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] JavaScriptで:hoverのCSSプロパティを変更する
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] <noscript> の反対語のHTMLはありますか?
-
[解決済み] マングース ユーザーの全リストを取得する
-
[解決済み] SVG のテキスト要素の幅を取得する
-
[解決済み] JavaScript 予期せぬ事態に対する可能な反復処理
-
[解決済み] Chrome DevToolsでソースマップを無効にする
-
[解決済み] Chrome、Javascript、window.open in new tabについて