作り方これらのタイプのみ受け入れますか?質問する

作り方これらのタイプのみ受け入れますか?質問する

アップローダーで次のタイプのみを許可したい:

  • doc、docx。
  • xls、xlsx。
  • ppt、pptx。
  • TXT。
  • pdf.
  • 画像の種類。

これを実現するにはどうすればいいでしょうか? 属性には何を入れればよいでしょうかaccept? ご協力ありがとうございます。

編集!!!

もう 1 つ質問があります。ファイルを選択するためのポップアップが表示されたら、右下隅に、許可されているすべてのファイルを含むドロップダウン リストがあります。私の場合、リストは長くなります。リストに、 というオプションがありますAll Supported Types。これをデフォルトで選択し、他のすべてのオプションを除外するにはどうすればよいでしょうか。

どのような助けでもいただければ幸いです。ありがとうございます。

ベストアンサー1

の価値accept属性HTML5 LCによれば、カンマで区切られた項目のリスト。各項目は のような特定のメディアタイプ、またはすべてのタイプを参照する のimage/gifような表記、または のようなファイル名拡張子です。image/*image.gifIE 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/*">

意図を正しく理解していれば、ブラウザは信頼できるレジストリで指定されたメディア タイプ名を正確に認識しない可能性があるため、テストが必要になります。

おすすめ記事