如何指定HTML表单中的文件列表？

Question

在您的应用程序中使用<input type="file">时，您会看到文件选择对话框，其中所有文件均为默认文件。

有没有一种方法来指定文件类型？是否有可能例如只选择“.txt”文件？

Answer 1

这很简单。你所要做的就是添加一个accept属性，它定义了你想要允许的文件扩展名。

<input type="file" accept="image/gif,image/jpeg"> 

该输入将只允许gif和jpegs，但您可以允许任何逗号分隔的列表。

参见： http://www.cs.tut.fi/~jkorpela/forms/file.html#filter http://www.w3schools.com/tags/att_input_accept.asp

编辑：当然，你可以用JavaScript做太多，通过选择文件后检查文件类型，但你不想在之前检查用户选择一个文件吗？

Answer 2

是的，与accept属性。

无论您在HTML表单中放入什么，都可以发布任何ol垃圾，因此请务必验证服务器端是否发布了正确的文件类型。

Answer 3

验证您可以检查文件类型，或者您可以使用on change事件来确定文件类型。

<input name='upload' id='file' type='file' /> 

JavaScript部分

var file = document.getElementById('file'); 

if (file.value.test(/(\.txt)|(\.jpg)/gi)) { // case insensitive 
    // then validate 
} 

在这种情况下，只有TXT或JPG

将被接受。但当然，你将不得不在服务器端重新验证，因为JavaScript可以轻松绕过