上傳圖片並限制圖片格式和大小


我這個用的是雙擊上傳圖片

特俗要求。。。。

<img id="urlImg" src="" width="205px" height="150px"  ondblclick="fileSelect();">

 <input type="file" name="fileToUpload" id="fileToUpload" onchange="changepic(this)"  style="display:none;">
        function fileSelect() {
            document.getElementById("fileToUpload").click(); 
        }

          function changepic() {
              var fileTypes = [".jpg", ".png",".jpeg",".gif",".bmp"];
                var filePath = fileToUpload.value;
                var fileSize = 0;
                var fileMaxSize = 1024*3;//1M
            

                if(filePath){
                    var isNext = false;
                    var fileEnd = filePath.substring(filePath.indexOf("."));
                    
                    fileSize =fileToUpload.files[0].size;
                    var size = fileSize / 1024;
                    

                    var reads= new FileReader();
                    f=document.getElementById('fileToUpload').files[0];
                    reads.readAsDataURL(f);
                    
                    for (var i = 0; i < fileTypes.length; i++) {
                        if (fileTypes[i] == fileEnd) {
                            isNext = true;
                            break;
                        }
                    }
                    if (!isNext){
                       $.messager.alert('錯誤','請選擇格式為*.jpg、*.gif、*.bmp、*.png、*.jpeg 的圖片','error');
                        fileToUpload.value = "";
                        return false;
                    }
                    else if (size > fileMaxSize) {
                        $.messager.alert('錯誤','文件大小不能超過3M','error');
                        fileToUpload.value = "";
                        return false;
                    }else{

                        reads.onload=function (e) {
                            document.getElementById('urlImg').src=this.result;
                        }
                    }
                }
            
              
            }

 


免責聲明!

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



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