如何以 HTML 形式指定文件列表?
当您在应用程序中使用 时,您会看到默认包含所有文件的文件选择对话框。
有没有办法指定文件类型?例如,是否可以仅选择“.txt”文件?
When you use a <input type="file">
in your application you get the file select dialog box with all files as default.
Is there a way to specify file types for that? Is it possible for example to select ".txt" files only?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这真的很简单。您要做的就是添加一个
accept
属性来定义您想要允许的文件扩展名。该输入仅允许 gif 和 jpeg,但您可以允许任何逗号分隔的列表。
看:
http://www.cs.tut.fi/~jkorpela/forms /file.html#filter
http://www.w3schools.com/tags/att_input_accept.asp
编辑:当然,您也可以使用 javascript 来完成此操作,方法是在选择文件后检查文件类型,但您不想在之前检查 用户选择一个文件?
This is really simple. All you do is add an
accept
attribute that defines what file extensions you'd like to allow.That input would allow only gif and jpegs, but you can allow any comma separated list.
See:
http://www.cs.tut.fi/~jkorpela/forms/file.html#filter
http://www.w3schools.com/tags/att_input_accept.asp
edit: sure, you can do this with javascript too, by checking the filetype after selecting a file, but wouldn't you rather check before the user selects a file?
在验证时,您可以检查文件类型,也可以使用更改事件来确定文件类型。
在这种情况下, Javascript 部分
仅接受 txt 或 jpg。但当然你必须在服务器端重新验证,因为 JavaScript 很容易被绕过
on your validation you can check the file type or you can use the on change event to determine the file type.
Javascript part
in this case only txt or jpg will be accepted. but of course you will have to revalidate on the server side because javascript can easily be bypassed
是的,使用
accept
属性。无论您在 HTML 表单中放入什么内容,都可以发布任何垃圾,因此请确保验证服务器端发布的文件类型是否正确。
Yes, with the
accept
attribute.Any ol' garbage can be posted regardless of what you put in the HTML form so make sure to validate that the correct file type has been posted server-side.