js上傳圖片獲取圖片寬高

㈠ JS獲取圖片大小

獲取圖片大小的方式多樣，以下為兩種主要方法。

方法一：利用Fetch請求遠程圖片。導入圖片後，通過Response的blob方法獲取圖片內容，再利用Blob對象的size屬性計算圖片大小。Blob對象還提供type屬性表示圖片類型，以及slice方法用於處理圖片數據。

利用Body.blob()方法獲取圖片內容。接著，使用Blob對象的size屬性計算圖片大小，並通過type屬性獲取圖片格式。Blob對象還提供slice方法，用於處理圖片數據。

方法二：使用XMLHttpRequest請求遠程圖片。通過設置requestType為'arraybuffer'或'blob'，在請求成功後，可以直接獲取到圖片內容，並通過Blob對象的size屬性計算圖片大小。

XMLHttpRequest響應類型設置為'arraybuffer'或'blob'，在請求成功後，獲取到的是圖片的二進制數據或Blob對象。利用Blob對象的size屬性可獲取圖片大小。對於圖片大小的計算，無需額外處理，直接獲取Blob對象的size屬性即可。

對於uniapp獲取圖片大小，同樣可以通過設置XMLHttpRequest響應類型為'arraybuffer'，在響應成功後，利用Blob對象的size屬性獲取圖片大小。

㈡ 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獲取背景圖片寬高比後根據瀏覽器寬度動態賦值div.style.height

你怎麼知道我有答案？昨天是回答了，結果無緣無故被弊，再試試吧

【注意】因為網路知道這幾天的高亮顯示不正常，下面代碼中前面的空格都是【全形】，你復制粘貼之後自己用編輯器查找/替換全部吧。

<style type="text/css">
#div {
width: 100%;
background: url("bg.jpg") no-repeat;
background-size: 100% auto;
border: 1px solid #f00;
}
</style>

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

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

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