js檢測上傳檔案型別程式碼例項
本章節分享一段程式碼例項,它實現了檢測上傳檔案型別的功能。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼function Checkfiles(){ var fup = document.getElementById('logo1'); var fileName = fup.value; var ext = fileName.substring(fileName.lastIndexOf('.') + 1); if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "png" || ext == "PNG"){ return true; }else{ alert("Upload JPG, JPEG, PNG, GIF images only"); fup.focus(); return false; } }
上面的程式碼實現了檢測功能,下面簡單介紹一下它的實現過程。
一.程式碼註釋:
(1).function Checkfiles(){},此方法實現了判斷功能。
(2).var fup = document.getElementById('logo1'),這個是獲取上傳空間的元素物件,比如input file。
(3).var fileName = fup.value,獲取value屬性值,也就是檔案的路徑。
(4).var ext = fileName.substring(fileName.lastIndexOf('.') + 1),擷取檔案的字尾名稱。
(5).if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "png" || ext == "PNG"){
return true;
},如果字尾名稱屬於以上幾個就返回true。
(6).else{
alert("Upload JPG, JPEG, PNG, GIF images only");
fup.focus();
return false;
},否則的話給出提示,並且上傳元素獲取焦點,並跳出函式。
二.相關閱讀:
(1).substring()方法可以參閱javascript substring()一章節。
(2).lastIndexOf()方法可以參閱javascript lastIndexOf()一章節。
相關文章
- js檢測上傳檔案大小和型別例項程式碼JS型別
- javascript檢測上傳檔案的格式和大小例項程式碼JavaScript
- js驗證上傳圖片副檔名型別程式碼例項JS型別
- 檔案上傳本地預覽js程式碼例項JS
- 檔案上傳漏洞防範-檔案型別檢測型別
- javascript檢測上傳圖片大小程式碼例項JavaScript
- js獲取事件的型別程式碼例項JS事件型別
- jsp頁面判斷檔案上傳型別JS型別
- js檢測蘋果終端裝置程式碼例項JS蘋果
- js檢測文字框是否為空程式碼例項JS
- js檢測漢字的長度程式碼例項JS
- js判斷瀏覽器型別程式碼例項JS瀏覽器型別
- js解析xml檔案簡單程式碼例項JSXML
- js 型別檢測JS型別
- 【JS】型別檢測JS型別
- 檢測input file檔案是否上傳
- js獲取並解析xml檔案程式碼例項JSXML
- js獲取上傳圖片尺寸和格式程式碼例項JS
- js判斷移動端型別或者瀏覽器型別程式碼例項JS型別瀏覽器
- struts檔案上傳,獲取檔名和檔案型別型別
- js返回上一頁程式碼例項JS
- struts2檔案上傳型別限制 之 zip和rar檔案型別型別
- javaWeb上傳檔案程式碼JavaWeb
- Python判斷上傳檔案型別Python型別
- jquery.upload.js實現非同步上傳程式碼例項jQueryJS非同步
- 動態載入js或者css檔案程式碼例項JSCSS
- 實現js檔案動態載入程式碼例項JS
- js檢測瀏覽器內容縮放效果程式碼例項JS瀏覽器
- js檢測當前瀏覽器Flash player版本程式碼例項JS瀏覽器
- 檔案上傳——客戶端檢測繞過(JavaScript檢測)(一)客戶端JavaScript
- js根據字尾判斷檔案檔案型別的程式碼JS型別
- 上傳圖片本地預覽例項程式碼
- 圖片上傳預覽效果程式碼例項
- js檢測資料型別JS資料型別
- js實現的動態引入css檔案程式碼例項JSCSS
- jQuery解析xml檔案程式碼例項jQueryXML
- 檢測真實的檔案型別函式型別函式
- js檢測css3動畫是否執行完畢程式碼例項JSCSSS3動畫