javascript - 警报然后重新加载页面 IN 检测文件扩展名上传脚本

Question

我使用此 JavaScript 来限制上传时文件类型的扩展名:

function TestFileType( fileName, fileTypes ) {
if (!fileName) return;

dots = fileName.split(".")
//get the part AFTER the LAST period.
fileType = "." + dots[dots.length-1];

return (fileTypes.join(".").indexOf(fileType) != -1) ?
alert('Correct File Type Function Here') :
alert('Wrong File Type Function Here');
}

与

<input name="replay_file" id="replay_file" type="file"/> 
<input type="submit" id="upload_file" value="Upload" name="uploadReplay" onClick="TestFileType(this.form.replay_file.value, ['w3g','.w3g']);" />

我希望它发出警报(错误的文件类型)，然后重新加载页面(以便它取消上传而不是浪费时间)，但到目前为止我只能让警报框工作，但不能让页面重新加载功能那，页面重新加载将不起作用，我什至尝试转到 url 和 Windows 位置，但它不起作用，只会在警告框后继续上传文件:

return (fileTypes.join(".").indexOf(fileType) != -1) ?
null() :
alert('Warcraft III replay file (.w3g) allowed only!');window.location.reload();
}

我是否遗漏了一些东西，或者在文件上传时它不会以这种方式工作？

Answer 1

使用 onsubmit 事件取消表单，以防扩展名不正确，如下所示:

function TestFileType( fileName, fileTypes ) {
if (!fileName) return;

dots = fileName.split(".")
//get the part AFTER the LAST period.
fileType = "." + dots[dots.length-1];

if (fileTypes.join(".").indexOf(fileType) != -1) {
   //alert('Correct File Type Function Here');
   return true;
} else {
   alert('Wrong File Type Function Here');
   return false;
}
}

将 onsubmit 事件连接到表单元素:

<form onsubmit="return TestFileType(this.form.replay_file.value, ['w3g','.w3g']);" ...