アップローダーで次のタイプのみを許可したい:
どうすればこれを達成できますか？accept属性には何を入れればよいですか？ご協力いただきありがとうございます。
編集！！！
もう一つ聞きたいことがあります。ファイルを選択するためのポップアップが表示されると、右下隅にすべての許可ファイルを含むドロップダウン リストがあります。私の場合、リストは長くなります。リストを見ると、というオプションがありますAll Supported Types。デフォルトで選択し、他のすべてのオプションを削除するにはどうすればよいですか?
どんな助けでも大歓迎です。ありがとうございました。
accept属性の値は、HTML5 LC に従って、項目のコンマ区切りリストであり、それぞれが のような特定のメディア タイプ、またはすべてのタイプを参照する のimage/gifような表記、または のようなファイル拡張子ですimage/*image.gif。IE 10 以降と Chrome はこれらすべてをサポートしていますが、Firefox はこれらの拡張機能をサポートしていません。したがって、最も安全な方法は、この場合、 のようなメディア タイプと表記法を使用することです。image/*
<input type="file" name="foo" accept=
"application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,
text/plain, application/pdf, image/*">
意図を正しく理解していれば。ブラウザは、正式なレジストリで指定されているメディア タイプ名を正確に認識しない可能性があるため、いくつかのテストが必要になることに注意してください。
以下のように使用します
<input type="file" accept=".xlsx,.xls,image/*,.doc, .docx,.ppt, .pptx,.txt,.pdf" />
MIME_type を値として accept 属性を使用する
<input type="file" accept="image/gif, image/jpeg" />
w3schoolsで述べたように：
audio/* - すべてのサウンド ファイルが受け入れられます
video/* - すべてのビデオ ファイルが受け入れられます
image/* - すべての画像ファイルが受け入れられます
MIME_type - パラメータのない有効な MIME タイプ。標準 MIME タイプの完全なリストについては、IANA MIME タイプを参照してください。
画像のためにこれを書く
<input type=file accept="image/*">
その他については、フォームで accept 属性を使用して、特定のタイプを制限するようにブラウザに提案できます。ただし、サーバー側のコードで再検証して確認する必要があります。クライアントがあなたに送信するものを決して信用しないでください