html - 将文件上传选择限制为特定类型

标签 html file-upload fileapi

无论如何通过 <input type="file" /> 来限制文件类型的选择元素?

例如,如果我只想上传图像类型,我会将可能的选择限制为 (image/jpg,image/gif,image/png),并且选择对话框会将其他 mime 类型的文件灰显。

附注我知道我可以在事后通过扫描 .type 属性使用文件 API 来执行此操作。我真的想事先限制这一点。我也知道我可以通过闪光灯做到这一点,但我不想为此使用闪光灯。

最佳答案

有一个用于此特定目的的 html 属性称为 accept 但它几乎没有跨浏览器的支持。因此建议改为使用服务器端验证。

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

如果您无法访问后端,请查看基于闪存的解决方案,例如 SWFUpload .

在这里查看更多信息:File input 'accept' attribute - is it useful?

关于html - 将文件上传选择限制为特定类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7575482/

相关文章:

java - 如何在 Struts 1 中上传多个文件

javascript - 如何在 Phonegap 中将 UTF-8 或 Base64 数据写入本地存储(sdcard)上的文件(jpg/doc/pdf)

html - 如何使用表格在一行中对齐图像、文本和按钮

html - 如何将带有背景图像的 div 垂直居中

php - Laravel 获取存储在公共(public)文件夹中的文件的公共(public) URL

javascript - 在javascript中从本地驱动器读取文件/图像

javascript - 在 Javascript 中从本地路径创建文件或 Blob

html - 在网格中居中文章内容

javascript - 使用 jQuery 将同一个 div 中的两个不同元素包装到所有类中?

java - 从android上传文件到服务器失败