首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在HTML表单中指定文件列表?

如何在HTML表单中指定文件列表?
EN

Stack Overflow用户
提问于 2011-05-30 03:52:44
回答 3查看 345关注 0票数 1

当您在您的应用程序中使用<input type="file">时,您将看到文件选择对话框,其中所有文件都是默认的。

有没有办法为它指定文件类型?例如,是否可以只选择".txt“文件?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-05-30 03:56:02

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

代码语言:javascript
运行
复制
<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来做这件事,在选择文件之后检查文件类型,但是你不是更愿意在用户选择文件之前检查一下吗?

票数 3
EN

Stack Overflow用户

发布于 2011-05-30 03:58:57

在验证时,您可以检查文件类型,也可以使用on change事件来确定文件类型。

代码语言:javascript
运行
复制
<input name='upload' id='file' type='file' />

Javascript部件

代码语言:javascript
运行
复制
var file = document.getElementById('file');

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

在这种情况下,只接受txt或jpg。当然,您必须在服务器端重新验证,因为javascript很容易被绕过。

票数 1
EN

Stack Overflow用户

发布于 2011-05-30 03:58:18

是的,使用accept属性。

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6170047

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档