我可以使用html input元素的accept属性来指定要上传的文件类型吗？

Question

大家好，我想验证在服务器上上传到 .txt 扩展名的文件类型。我可以使用输入元素的接受属性来过滤文件类型吗？如果是的话我该怎么做，如果还有其他方法吗？

一些代码是

   <input type="file"     name="uploadfile" value="" size="50" /> 

谢谢

Answer 1

这是javascript自定义验证

var files = document.getElementsByName("uploadfile");
if(files[0].value.indexOf(".txt") == -1) {
// Code placed here will be executed if an invalid file type is found.
}

，是的，您也可以使用accept属性：

<input accept="audio/*|video/*|image/*|MIME_type" />

但是据我所知，IE和Safari不支持它，

但请确保也在服务器端验证上传的文件。仅客户验证是不够的。

Answer 2

你好，在普通的 html 中你不能这样做，
你需要闪存支持。

最好使用uploadify插件

http://www.uploadify.com/

Answer 3

是的，您可以使用 accept 属性。浏览器支持各不相同。它采用 Internet 媒体类型（MIME 类型）列表作为值。对于纯文本（通常是 .txt 文件），则为 accept="text/plain"。通过将选择限制为浏览器视为纯文本文件的文件，这可能会或可能不会影响文件选择功能。