js獲取上傳圖片的大小

① 如何在圖片上傳前用js(jquery)判斷圖片的尺寸

創建img標簽：
IE瀏覽器直接src=圖片本地路徑，然後可以獲取這個img的尺寸。

其他瀏覽器使用HTML5的FileReader獲取文件資源轉化為base64寫入img的src，然後可以獲取這個img尺寸。

② js/jquery校驗上傳圖片後綴為gif|png|jpeg|jpg格式的圖片，尺寸為512*512 校驗，大小限制為300k的文件

在使用javaScript或jQuery校驗上傳圖片時，確保圖片後綴為.gif、.jpeg、.jpg或.png，並且尺寸為512*512，大小限制為300k，可以按照以下步驟進行操作：

首先，定義一個函數validate_edit_logo，接收一個參數a，用於判斷是否需要返回布爾值。獲取文件輸入框的值，判斷文件後綴是否符合要求，不符合則彈出提示信息並根據a的值決定是否返回false。

如果文件後綴符合要求，則創建一個image對象，設置其src屬性為文件路徑。獲取圖片的高度和寬度，以及文件大小。將圖片元素添加到頁面中，並顯示相應的div區域。

接著，檢查圖片的寬度和高度是否超過512px，文件大小是否超過300k。如果條件都滿足，則彈出提示信息並根據a的值決定是否返回false。

最後，根據a的值返回相應的布爾值。

通過這種方式，可以有效地校驗用戶上傳的圖片是否符合要求，從而保證網站或應用的正常運行。

③ 怎麼在js 裡面限制上傳圖片的大小不能超過 1M

這樣設置的：

1、先用form標簽創建一個上傳的表單。

<formid="form1"name="form1"method="post"action=""enctype="multipart/form-data">
<p><inputtype="hidden"name="MAX_FILE_SIZE"value="100000"/></p>
<p><inputname="userfile"id="userfile"type="file"onchange="check()"/></p>
</form>

2、用Javascript設置格式和大小。

<scriptlanguage="JavaScript"type="text/javascript">functioncheck(){varaa=document.getElementById("userfile").value.toLowerCase().split('.');//以「.」分隔上傳文件字元串//varaa=document.form1.userfile.value.toLowerCase().split('.');//以「.」分隔上傳文件字元串if(document.form1.userfile.value==""){alert('圖片不能為空！');returnfalse;}else{if(aa[aa.length-1]=='gif'||aa[aa.length-1]=='jpg'||aa[aa.length-1]=='bmp'
||aa[aa.length-1]=='png'||aa[aa.length-1]=='jpeg')//判斷圖片格式{varimagSize=document.getElementById("userfile").files[0].size;alert("圖片大小："+imagSize+"B")if(imagSize<1024*1024*1)alert("圖片大小在1M以內，為："+imagSize/(1024*1024)+"M");returntrue;}else{alert('請選擇格式為*.jpg、*.gif、*.bmp、*.png、*.jpeg的圖片');//returnfalse;}}}</script>

圖片超過1M則不能上傳 如圖：