JQuery 是一種JavaScript 庫,它使前端開發(fā)更加便利。JQuery 有許多 functions 可用于驗證上傳文件。其中之一是驗證上傳文件類型函數(shù)。在以下例子中,我們將談?wù)撊绾问褂?JQuery 驗證上傳文件類型。
代碼如下: $('input[type="file"]').change(function(){ var val = $(this).val().toLowerCase(), regex = new RegExp("(.*?)\.(jpg|jpeg|png|gif)$"); if(!(regex.test(val))) { $(this).val(''); alert('上傳文件類型必須是 jpg, jpeg, png 或 gif'); } });
如上代碼所示,我們將設(shè)置一個 input[type="file"] 數(shù)據(jù)選項,它將允許用戶上傳他們所需的文件。當(dāng)用戶在文件選擇框中選擇一個文件,我們將獲取文件的名稱并將其轉(zhuǎn)換為小寫字母。接下來,我們通過 Regex 正則表達式來驗證文件名稱是否為 jpg,jpeg,png 或 gif。如果不是這些類型的文件,則將文件選擇框的值設(shè)為空,并通過 'alert()' 函數(shù)向用戶發(fā)出警告。
以上就是在 JQuery 中驗證上傳文件類型的方法。希望這篇文章能夠幫助您有效使用 JQuery 對上傳文件進行驗證。