HTML5 - 限制文件上传

时间:2015-03-02 06:48:33

标签: html5 file-upload

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

以上代码也允许上传.txt或任何类型的文件。

如何限制html5中的其他文件类型

3 个答案:

答案 0 :(得分:0)

使用input属性,您可以指定要上载的任何文件扩展名。要添加多个属性,请使用逗号分隔它们:

<input type="file" accept=".txt,.jpg">

您还可以设置预定义的系列扩展程序以供上传。只需使用audio/*video/*image/*分别选择这些文件类型即可。这些也可以与常规文件扩展名结合使用。 E.g。

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

这可让您上传图片或Photoshop文件。

我希望这有帮助!

答案 1 :(得分:0)

如果用户选择允许选择的其他文件,则不能限制html5文件输入中的其他文件类型。属性&#39;接受&#39;只需向用户提供有关支持的文件类型的提示。

答案 2 :(得分:-1)

试试这个

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />

另请查看详情http://jsfiddle.net/dirtyd77/LzLcZ/144/