如何在 JavaScript 中取得圖像檔案大小和尺寸？

在Javascript 中確定圖像檔案大小和尺寸

在Web 應用程式中，直接從以下位置確定圖像的檔案大小（以kb 為單位）和解析度瀏覽器上下文對於各種目的至關重要，例如在頁面上顯示此資訊。本文探討了在不依賴 ActiveX 控製或 Java 小程式的情況下實作此跨瀏覽器功能的解決方案。

擷取影像尺寸

取得影像元素的像素大小在瀏覽器中，不包括邊框和邊距，可以使用clientWidth 和clientHeight屬性：

確定檔案大小

不幸的是，瀏覽器API 缺乏對存取映像檔大小的直接支援。不過，解決方法是使用 Ajax 發出 HEAD HTTP 請求：

注意：此方法受同源策略約束，僅允許同一域內的請求。

額外注意事項

• 如果反應被壓縮（例如，gzipped），Content-Length 標頭值可能無法準確反映實際影像大小。
• 要在不將影像完全載入到文件中的情況下取得原始影像尺寸，請以程式設計方式建立影像元素並指定影像來源：

以上是如何在 JavaScript 中取得圖像檔案大小和尺寸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！