javascript - 当用户在 JavaScript 中上传无效文件时清除输入文件字段

Question

<script type="text/javascript" language="javascript">
function checkfile(sender) {
    var validExts = new Array(".jpg", ".png", ".gif");
    var fileExt = sender.value;
    fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
    if (validExts.indexOf(fileExt) < 0) {
      alert("Invalid file selected, valid files are of " +
               validExts.toString() + " types.");
      return false;
    
    }
    else return true;
}
</script>

<input type="file" name="attachFile" id="file" onchange="checkfile(this);"  accept="image/*"  onBlur="return chechExtension();"  required >

我使用下面的 JavaScript 代码来验证当用户输入无效文件时抛出错误。

它的工作原理是，每当用户上传 jpg、gif、png 以外的文件时，它都会抛出错误，但它只会抛出错误。& 不会清除输入文件字段。因此无效文件上传到输入文件中。

错误 ID 用户上传无效文件后，我应该如何清除该字段。

Answer 1

使用 document.getElementById("file").value = "" 将输入值重置为空。