input[type=file]上傳文件(格式判斷、文件大小、上傳成功後操作)
阿新 • • 發佈:2018-11-07
type=file *** chang change 文件 == asd 使用 jpg
var isUploadImg = false; //在input file內容改變的時候觸發事件******************上傳圖片 $(‘#filed‘).change(function(){ var file = $(‘#filed‘).get(0).files[0]; var fileSize = file.size,fileType = file.type; if (file.name.lastIndexOf(‘.‘)==-1){ //如果不存在"." $.dialog({content: ‘路徑不正確‘, time: 2000}); return false; } var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|.swf|"; var extName = file.name.substring(file.name.lastIndexOf(".")).toLowerCase();//(把路徑中的所有字母全部轉換為小寫) if(AllImgExt.indexOf(extName+"|")==-1) { $.dialog({content:‘非法圖片格式‘, time: 2000}); return false; } //console.log(fileSize,fileType); if(fileSize<3145728){ if(window.FileReader){ //創建用來讀取此文件的對象 var reader = new FileReader(); //使用該對象讀取file文件reader.readAsDataURL(file); //讀取文件成功後執行的方法函數 reader.onload=function(e){ //讀取成功後返回的一個參數e,整個的一個進度事件 console.log(e); //選擇所要顯示圖片的img,要賦值給img的src就是e中target下result裏面 //的base64編碼格式的地址 $(‘#imgshow‘).get(0).src = e.target.result; isUploadImg = true; } } }else{ $.dialog({content: ‘圖片大小超過限制‘, time: 2000}); return false; } })
input[type=file]上傳文件(格式判斷、文件大小、上傳成功後操作)