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

Question

如果我有一个HTML文件输入字段,有什么办法可以限制它只允许图像上传？我确信这可以用Flash或Java实现,但我暂时试图远离它们.

我在网上找到了"接受"属性,但它似乎没有为我做任何事情(或者我使用它错了.).任何帮助或示例表示赞赏.

Answer 1

最好的方法是在后端处理它.根据您要允许的类型类型和后端技术,您可以找到各种方法.

您也可以在javascript中执行此操作,但是您将受到更多限制,并且可能会导致问题,即crossbrowser:

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

(通过)

如果你使用jquery,请查看这个问题:如何让jQuery在上传时限制文件类型？

您还可以使用JQuery Validation插件.

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

(通过)