使用Javascript验证上传时的文件扩展名

Question

我想在上传期间验证文件扩展名，所以我尝试了这个：

HTML

<form name="userForm" ng-submit="submitForm()" novalidate>
    <input class="upload-file" data-max-size="7048" data-min-size="2048" type="file" name="filename" ng-model="userForm.file" validfile>
</form>

只关注文件扩展名验证我试过这个：

JS

var extn = filename.split(".").pop();
var validFormats = ['mp3', 'wav'];
if validFormats.indexOf(extn) {
    ...
}

语法if validFormats.indexOf(extn)有什么问题？

Answer 1

indexOf将在数组中给出字符串的位置，因此对于MP3，它将变为0.所以请使用：

var extn = filename.split(".").pop();
var validFormats = ['mp3', 'wav'];

if( validFormats.indexOf(ext) == -1 ) {
    alert("Unsupported file format");
}