html - 特定のファイルのみをアップロードする

Question

ユーザーが特定のファイルのみをアップロードするように制限したいと思います。フォームアクション値が導くphpスクリプトを介して実行できることはわかっていますが、それは私が探しているものではありません。

ユーザーがその行を使用した後にファイルを選択している場合:

<input type="file" ... />

彼はすべてのファイルを選択するオプションを得ました

特定の拡張子だけに変更したい。

Answer 1

属性を使用できacceptます。たとえば、すべての画像ファイルに制限したい場合:

<input type="file" accept="image/*" />

可能なタイプのリストを指定することもできます:

<input type="file" accept="image/*,video/*" />

言うまでもなく、この新しい属性をサポートしていない従来のブラウザーは、スクリーンショットに示されているとおりに動作し、この属性を完全に無視するため、何もできません。

すべての場合において、アップロードされる実際のファイル タイプのサーバー側の検証を提供する必要があり、これを保証するためにクライアントに依存しないでください。