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

Question

大家好我想要验证在服务器上传到.txt扩展名的文件类型。我可以使用input元素的accept属性来过滤掉文件的类型。如果是的话，我怎么能这样做，如果有其他方式？

有些代码是

   <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中你不能这样做， 你需要flash支持。

更好地使用uploadify插件

http://www.uploadify.com/

Answer 3

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