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


        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;
            }

        })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM