Javascript在上传2之前验证文件名

时间:2014-04-21 11:04:07

标签: javascript

Hello Friends我想验证指定文件名的上传文件选项。例如,如果我的文件名是test.docx,那么如果用户上传另一个具有不同名称的文件,则用户必须仅从文件上传选项上载test.docx然后它将显示弹出错误" FileName is worng"

2 个答案:

答案 0 :(得分:1)

     // jQuery 
      $(document).ready(function () {
            $("input[type='file']").bind('change', function () {
                for (var i = 0; i < this.files.length; i++) {
                    // check you file name or type here
                    var name = this.files[i].name;
                    var size = this.files[i].size;
                    var type = this.files[i].type;
                    var lastModified = this.files[i].lastModifiedDate;
                }
      });

// html
<input type="file" name="file" />

答案 1 :(得分:0)

这是一些javascript代码。

$('input#file-input').on('change', function () {
    var file = $(this).val();
    if (!endsWith(file, ".docx")) {
        alert("Invalid file");
    }
});
function endsWith(str, suffix) {
    return str.indexOf(suffix, str.length - suffix.length) !== -1;
}

http://jsfiddle.net/y4ebE/

但请记住,永远不要相信用户输入。编辑脚本或使用curl之类的cmd可以上传另一个文件。做后端验证!