1. 程式人生 > >input[type=file]上傳文件(格式判斷、文件大小、上傳成功後操作)

input[type=file]上傳文件(格式判斷、文件大小、上傳成功後操作)

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]上傳文件(格式判斷、文件大小、上傳成功後操作)