<分区>
已经浏览了相当多的文档,但似乎并没有让这个非常基本的东西在 Chrome 中工作。
<input type="file" accept=".jpg, .png"/>
打开的对话框仅在扩展下拉列表中显示“自定义文件”。看这个Fiddle .
它似乎只适用于单个扩展规范。也尝试使用一些 mime 类型无济于事。
<分区>
已经浏览了相当多的文档,但似乎并没有让这个非常基本的东西在 Chrome 中工作。
<input type="file" accept=".jpg, .png"/>
打开的对话框仅在扩展下拉列表中显示“自定义文件”。看这个Fiddle .
它似乎只适用于单个扩展规范。也尝试使用一些 mime 类型无济于事。
最佳答案
我同意@Eugenio 的评论。您可以在客户端和服务器端对其进行验证。
如果您使用 accept="image/*"
而不是 Custom Files
,它将显示 Image Files
function validate() {
var fileName = document.getElementById("fileType").value;
var dot = fileName.lastIndexOf(".") + 1;
var extFile = fileName.substr(dot, fileName.length).toLowerCase();
if (extFile == "jpg" || extFile == "jpeg") {
//accepted
} else {
alert("Only jpg and jpeg image files allowed!");
}
}
<input type="file" id="fileType" accept="image/*" onchange="validate()"/>
关于html - 输入类型=文件 "Accept"属性在 Chrome 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49154550/