app直播原始碼,js實現上傳圖片型別+大小+尺寸驗證
app直播原始碼,js實現上傳圖片型別+大小+尺寸驗證
html程式碼:
<input type="file" name="files" id="file" >
js程式碼:
//圖片型別驗證 function verificationPicFile(file) { console.log(111) var fileTypes = [".jpg", ".png"]; var filePath = file.value; //當括號裡面的值為0、空字元、false 、null 、undefined的時候就相當於false if(filePath){ console.log(222) var isNext = false; var fileEnd = filePath.substring(filePath.indexOf(".")); for (var i = 0; i < fileTypes.length; i++) { if (fileTypes[i] == fileEnd) { isNext = true; break; } } if (!isNext){ console.log(444) alert('不接受此檔案型別'); file.value = ""; return false; } }else { return false; } } //圖片大小驗證 function verificationPicFile(file) { console.log(555) var fileSize = 0; var fileMaxSize = 1024;//1M var filePath = file.value; if(filePath){ fileSize =file.files[0].size; var size = fileSize / 1024; if (size > fileMaxSize) { alert("檔案大小不能大於1M!"); file.value = ""; return false; }else if (size <= 0) { alert("檔案大小不能為0M!"); file.value = ""; return false; } }else{ return false; } } //圖片尺寸驗證 function verificationPicFile(file) { console.log(666) var filePath = file.value; if(filePath){ //讀取圖片資料 var filePic = file.files[0]; var reader = new FileReader(); reader.onload = function (e) { var data = e.target.result; //載入圖片獲取圖片真實寬度和高度 var image = new Image(); image.onload=function(){ var width = image.width; var height = image.height; if (width == 720 | height == 1280){ alert("檔案尺寸符合!"); }else { alert("檔案尺寸應為:720*1280!"); file.value = ""; return false; } }; image.src= data; }; reader.readAsDataURL(filePic); }else{ return false; } }
以上就是 app直播原始碼,js實現上傳圖片型別+大小+尺寸驗證,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2927315/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- js驗證上傳圖片副檔名型別程式碼例項JS型別
- 影片直播app原始碼,傳送驗證碼 驗證碼識別APP原始碼
- javascript圖片上傳格式尺寸等特徵驗證效果JavaScript特徵
- js實現的判斷上傳圖片的型別JS型別
- 直播系統原始碼,快速實現改變圖片尺寸原始碼
- 線上直播系統原始碼,Node.js中使用Koa實現上傳圖片功能原始碼Node.js
- 線上直播原始碼,js 檔案上傳 圖片上傳 傳輸速度計算原始碼JS
- kindeditor 上傳圖片 自動調整尺寸大小
- js如何限定圖片上傳的型別JS型別
- 短視訊直播原始碼,拖動滑塊實現圖片驗證效果原始碼
- 直播app原始碼,js圖片下載方式集合APP原始碼JS
- 直播平臺原始碼,上傳本地圖片實現個人名片背景圖輪播原始碼地圖
- js獲取上傳圖片尺寸和格式程式碼例項JS
- 字元型圖片驗證碼識別完整過程及Python實現字元Python
- node實現登入圖片驗證碼
- 短視訊直播原始碼,自動對上傳的圖片進行識別原始碼
- 直播商城原始碼,實現商城客服聊天,傳送文字、圖片的功能原始碼
- 直播系統app原始碼,藉助django 實現顯示圖片功能APP原始碼Django
- angularjs 實現圖片上傳實時預覽AngularJS
- PbootCMS上傳圖片變模糊、上傳圖片尺寸受限的解決方案boot
- app直播原始碼,驗證時實現獲取驗證碼並顯示倒數計時的功能APP原始碼
- 影片直播原始碼,前端canvas動態驗證碼實現原始碼前端Canvas
- 短視訊直播原始碼,動態釋出時選擇圖片、上傳圖片原始碼
- 上傳圖片jsJS
- 直播app原始碼,HTML + jQuery 實現輪播圖APP原始碼HTMLjQuery
- js檢測上傳檔案大小和型別例項程式碼JS型別
- 短視訊app原始碼,實現原生js圖片預覽效果APP原始碼JS
- Vue.js實現圖形驗證碼Vue.js
- vue 實現貼上上傳圖片Vue
- 影片直播app原始碼,姓名,身份證input驗證過濾APP原始碼
- jquery獲取圖片的實際尺寸大小程式碼例項jQuery
- 圖片格式型別驗證正規表示式型別
- app直播原始碼,登入時輸入驗證碼、簡訊驗證身份APP原始碼
- 圖片尺寸大小自適應程式碼例項
- PHP獲取圖片寬度高度、大小尺寸、圖片型別、用於佈局的img屬性PHP型別
- jsp+springmvc實現檔案上傳、圖片上傳和及時預覽圖片JSSpringMVC
- java實現動態驗證碼原始碼——繪製驗證碼的jspJava原始碼JS
- 分享一個圖片驗證碼功能的實現