[解決済み] input type="file "ダイアログを特定のファイルタイプでフィルタリングする方法は?
2022-10-09 03:18:38
質問
のブラウズボタンをクリックすると、ブラウザがJPGファイルに制限されるようにしたいのですが。
<input type="file">
.
特定のファイルタイプをブラウズすることは可能ですか?
どのように解決するのですか?
参照 http://www.w3schools.com/tags/att_input_accept.asp :
accept属性は、以下の主要なブラウザでサポートされています。 インターネットエクスプローラーとサファリ。定義と使用方法
accept 属性は、サーバーが受け付ける(ファイルアップロードで送信できる)ファイルの種類を指定します。 受け入れる(ファイルアップロードで送信可能な)ファイルの種類を指定します。
注意: accept 属性は
<input type="file">
.ヒント この属性は検証用として使用しないでください。ファイルのアップロードは はサーバー上で検証されるべきです。
構文
<input accept="audio/*|video/*|image/*|MIME_type" />
ヒント: 複数の値を指定する場合は、コンマで区切ってください。 で区切ってください (例.
<input accept="audio/*,video/*,image/*" />
.
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] テキストボックスのEnterキーで、JavaScriptでボタンクリックをトリガーする
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)
-
[解決済み] <input type="file"> に画像ファイルしか受け付けないようにするには?
-
[解決済み】<input type="file">でファイル形式を制限する?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ファイル入力の'accept'属性 - 役に立ちますか?
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] オブジェクトの配列からReactコンポーネントをレンダリングする
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?