Internet Explorer 中 <Input> 属性“accept”的多余字段

Question

我想指定我可以上传哪些文件，例如仅证书。在 Firefox 和 Chrome 中，这种行为是可以的，但是当我尝试在 IE 中指定文件类型时，有两个附加字段：图像和 html。为什么？我想删除它们。

代码是：

<input accept=".cer,.pem,.der" id="certRegField" name="user_cert" type="file">

Answer 1

由于 IE 中的某个人可以通过选择“所有文件”添加另一种格式，甚至是其他浏览器中的格式，我建议您添加一个检查在用户添加文件后添加的文件类型，使用javascript和jquery。下面的代码检查用户是否添加了具有您接受的扩展名之一的文件，如果没有，它会提醒一条消息并且用户必须再次选择一个文件。

代码：

// To add the jquery library:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

// HTML:

<input accept=".cer,.pem,.der" id="certRegField" name="user_cert" type="file">

// Javascript:

<script type="text/javascript">

$(function(){
  $('#certRegField').change(function(){
    var url = $(this).val();
    var ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
    if (!(ext == "cer" || ext == "pem" || ext == "der")){
      document.getElementById("certRegField").value = "";
      alert("Unaccepted file format, try again.");
    }
  });
});

</script>

JSFiddle：http://jsfiddle.net/stN8U/222/

来源：

• linking jquery in html
• onchange file input change img src and change image color