2014-04-21 43 views
0

你好朋友我想验证上传文件选项是否指定filename.forexample如果我的文件名是test.docx那么用户只能上传文件上传选项中的test.docx如果用户上传另一个文件用不同的名称,那么它将显示弹出错误“FileName is worng”上传前验证文件名2

+1

匹配''值与您的模式。这是一个非常基本的任务。显示一些代码和努力 - 然后社区将帮助你。 –

+2

你需要添加你已经尝试过的和任何相关的代码,我们不会为你写代码。 –

回答

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" /> 
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/

但是记住,永远不要相信用户的输入。编辑脚本或使用cmd(例如curl)可以上传另一个文件。做后台验证!

+0

我看到这个http://jsfiddle.net/y4ebE/ url我很兴奋想要这个,但它不在我的项目中工作我在做什么 – user3556374

+0

@ user3556374你添加了jQuery吗?你有没有添加ID文件输入到输入文件? – Vinz243

+0

是的,但它不起作用 – user3556374