文件类型有限的 HTML 文件输入字段？

Question

如果我有一个 HTML 文件输入字段，有什么方法可以限制它只允许上传图片吗？我确信这对于 Flash 或 Java 是可行的，但我暂时试图远离它们。

我在网上找到了“接受”属性，但它似乎对我没有任何作用(或者我用错了。)。感谢您提供任何帮助或示例。

Answer 1

最好的方法是在后端处理它。根据您希望允许的类型和后端技术，您会找到多种实现方法。

您也可以在 javascript 中执行此操作，但会受到更多限制，并且可能会导致跨浏览器问题:

if((document.form1.upload.value.lastIndexOf(".jpg")==-1) {
   alert("Please upload only .jpg extention file");
   return false;
}

( via )

如果您使用 jquery，请检查这个问题:How to have jQuery restrict file types on upload?

您还可以使用 JQuery 验证插件。

$("#myform").validate({
  rules: {
    field: {
      required: true,
      accept: "xls|csv"
    }
  }
});

( via )