用户在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以外的文件时，它就会抛出错误，但它只会抛出错误。＆amp;不清除输入文件字段。所以无效文件上传到输入文件。

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

Answer 1

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