2014-04-21 74 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