jquery - Jquery验证csv文件

Question

当用户上传带有扩展名/格式 CSV 的文件时，我尝试验证 csv 文件

<script type="text/javascript">
$(document).ready(function() {
    $('#form1').validate({
        rules: { csv: { required: true, accept: "csv"  }},
        messages: { csv: "File must be CSV" }
    }); 
});
</script>

<form action="product_import.php?action=import" method="POST" name="form1" id="form1" enctype="multipart/form-data">
<input name="csv" type="file" id="csv" />
</form>

但问题是当我上传扩展名为 csv 的文件时，会出现此错误消息File must be CSV ，我不知道为什么即使我设置为accept: "csv".

我的 csv 文件名是product.csv

Answer 1

该accept规则不适用于文件扩展名，而是适用于 Mime 类型。

您可能想改用该extension规则

演示：http: //jsfiddle.net/c5R3b/

$(document).ready(function () {

    $('#form1').validate({
        rules: {
            myfield: {
                required: true,
                extension: "csv"
            }
        }
    });

});

但是，这两个规则都需要包含additional-methods.js文件。

Answer 2

这是使用普通 JS 方法对我有用的东西。可能对某人有帮助，

if( document.getElementById("csv").value.toLowerCase().lastIndexOf(".csv")==-1) 
{
        alert("Please upload a file with .csv extension.");
        return false;
}