当我单击 .jpg 文件的浏览按钮时，我想将浏览器限制为 JPG 文件<input type="file">。
是否可以浏览特定的文件类型？
如何按特定文件类型过滤 input type="file" 对话框？
IT技术
javascript
html
2021-03-11 18:54:44
5个回答
当文件对话框显示时，这将提供正确的（自定义）过滤器：
<input type="file" accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*">
见http://www.w3schools.com/tags/att_input_accept.asp：
除了 Internet Explorer 和 Safari 之外，所有主要浏览器都支持 accept 属性。定义和用法
accept 属性指定服务器接受的文件类型（可以通过文件上传提交）。
注意：accept 属性只能与
<input type="file">.提示：不要将此属性用作验证工具。应在服务器上验证文件上传。
句法
<input accept="audio/*|video/*|image/*|MIME_type" />提示：要指定多个值，请用逗号分隔这些值（例如
<input accept="audio/*,video/*,image/*" />.
<asp:FileUpload ID="FileUploadExcel" ClientIDMode="Static" runat="server" />
<asp:Button ID="btnUpload" ClientIDMode="Static" runat="server" Text="Upload Excel File" />
.
$('#btnUpload').click(function () {
var uploadpath = $('#FileUploadExcel').val();
var fileExtension = uploadpath.substring(uploadpath.lastIndexOf(".") + 1, uploadpath.length);
if ($('#FileUploadExcel').val().length == 0) {
// write error message
return false;
}
if (fileExtension == "xls" || fileExtension == "xlsx") {
//write code for success
}
else {
//error code - select only excel files
return false;
}
});
您可以将 accept 属性与 . 它在 IE 和 Safari 中不起作用。
根据您的项目规模和可扩展性，您可以使用 Struts。Struts 提供了两种方式来限制上传的文件类型，声明式和编程式。
更多信息：http : //struts.apache.org/2.0.14/docs/file-upload.html#FileUpload-FileTypes
将自定义属性添加到<input type="file" file-accept="jpg gif jpeg png bmp">javascript 中并读取与该属性提供的扩展名匹配的文件名file-accept。这将是一种伪造，因为具有上述任何扩展名的文本文件将被错误地检测为图像。