javascript檢測上傳檔案的格式和大小例項程式碼
在上傳檔案的時候一般要檢測檔案的型別或者大小,這是出於各種因素的考慮,當然一般會有兩層檢測一個是在前端,一個是在後端,下面就介紹一下如何使用js在前端檢測檔案的格式和大小。
[JavaScript] 純文字檢視 複製程式碼var url=window.location.href,type=url.substr(url.lastIndexOf('/')+1); var allowType={ ".bmp":1, ".png":1, ".jpeg":1, ".jpg":1, ".gif":1, ".mp3":2, ".wma":2, ".wav":2, ".amr":2, ".rm":3, ".rmvb":3, ".wmv":3, ".avi":3, ".mpg":3, ".mpeg":3, ".mp4":3 }; var allowSize={1:2097152, 2:5242880, 3:20971520}; var errMsg={ "0":'圖片格式不正確<br/>' +'音訊格式不正確<br/>' +'視訊格式不正確<br/>', "1":'圖片格式不正確', "2":'音訊格式不正確', "3":'視訊格式不正確' }; var errSizeMsg={ '1':'圖片檔案小於2M', '2':'音訊檔案小於5M', '3':'視訊檔案小於20M', } function checkFileType(filename,type) { var ext=filename.substr(filename.lastIndexOf(".")).toLowerCase(), res=allowType[ext]; if(type==0) { return !!res; } else { return type == res; } } function checkFileSize(target, size) { var isIE=/msie/i.test(navigator.userAgent) && !window.opera; var fileSize=0; if(isIE && !target.files) { var filePath = target.value; var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile (filePath); fileSize = file.Size; } else { fileSize = target.files[0].size; } if(parseInt(fsize) >= parseInt(size)) { return false; } else { return true; } } function upload(obj) { var filename = jQuery.trim(jQuery('#uploadFile').val()); if (!filename || filename == "") { alert('選擇需要上傳的檔案'); return false; } if (!checkFileType(filename, type)) { alert('檔案格式不正確'); return false; } var ext=filename.substr(filename.lastIndexOf(".")).toLowerCase(); var res = allowType[ext]; if(!checkFileSize(obj,allowSize[res])) { alert(errSizeMsg[res]); return false; } }
相關文章
- js檢測上傳檔案大小和型別例項程式碼JS型別
- javascript檢測上傳圖片大小程式碼例項JavaScript
- js檢測上傳檔案型別程式碼例項JS型別
- jQuery限制上傳圖片格式和大小程式碼例項jQuery
- JavaScript限制上傳檔案的大小JavaScript
- [程式碼片段]javascript檢查圖片大小和格式JavaScript
- 檔案上傳本地預覽js程式碼例項JS
- js獲取上傳圖片尺寸和格式程式碼例項JS
- 檔案上傳——客戶端檢測繞過(JavaScript檢測)(一)客戶端JavaScript
- 檢測360瀏覽器javascript程式碼例項瀏覽器JavaScript
- vue ElementUI upload上傳檔案時對檔案格式、大小和寬高的限制VueUI
- javascript讀取xml檔案程式碼例項JavaScriptXML
- javascript格式化字串程式碼例項JavaScript字串
- javascript獲取視窗大小例項程式碼JavaScript
- 動態引入外部javascript檔案程式碼例項JavaScript
- javascript動態設定字型的大小程式碼例項JavaScript
- javascript驗證郵箱格式程式碼例項JavaScript
- 獲取上傳檔案的大小
- javascript動態載入css檔案程式碼例項JavaScriptCSS
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- 檢測input file檔案是否上傳
- javascript數字上舍入程式碼例項JavaScript
- javascript時間日期格式化例項程式碼JavaScript
- php檔案上傳大小限制PHP
- apache上傳檔案大小限制Apache
- apache限制上傳檔案大小Apache
- JavaScript 檔案上傳JavaScript
- javascript的for in例項程式碼JavaScript
- javascript實現的數字格式化程式碼例項JavaScript
- 檔案上傳漏洞防範-檔案型別檢測型別
- javaWeb上傳檔案程式碼JavaWeb
- javascript實現的動態載入css檔案程式碼例項JavaScriptCSS
- javascript測試程式碼的執行時間程式碼例項JavaScript
- 檢測字串中數字和字母的數量程式碼例項字串
- js判斷上傳檔案大小JS
- javascript判斷flash檔案載入完畢程式碼例項JavaScript
- 修改PHP上傳檔案大小限制的方法PHP
- js檢測漢字的長度程式碼例項JS