当我上传超过 5mb 的文件或者我的文件扩展名不是 .jpg
或 .png
时,我想停止文件上传事件。我找到了一个代码,但是当我尝试上传无效的文件类型时,它只会提醒我上传了错误的文件,但不会取消该事件。
这是代码:
<script>
function checkFile(fieldObj)
{
var FileName = fieldObj.value;
var FileExt = FileName.substr(FileName.lastIndexOf('.')+1);
var FileSize = fieldObj.files[0].size;
var FileSizeMB = (FileSize/5485760).toFixed(2);
if ( (FileExt != "png" && FileExt != "jpg") || FileSize>5485760)
{
var error = "File type : "+ FileExt+"\n\n";
error += "Size: " + FileSizeMB + " MB \n\n";
error += "Please make sure your file is in png or jpg format and less than 5 MB.\n\n";
alert(error);
return false;
}
return true;
}
</script>
这里是html代码:
<input type="file"onchange="checkFile(this)"name='sec_2_img'>
最佳答案
您需要清除“sec_2_img”的值。为此,您可以在 alert(error)
之后和 return false;
之前添加 fieldObj.value = "";
。这将从 sec_2_img
中删除文件名,并强制用户选择一个新文件名,同时仍显示消息,以便用户知道该怎么做。
关于javascript - 如何使用 JavaScript 停止文件上传事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34654073/