如何使用javascript以字節為單位獲取圖像大小

Question

請告訴我如何使用javascript以字節為單位獲取圖像文件大小。

謝謝

Answer 1

如果javascript引擎支持canvas元素，您可以嘗試使用canvas元素和getImageData來從圖像中獲取像素數據。 然后，根據圖像的類型，您可以創建此圖像的二進制表示。

這是關於canvas元素和getImagedata api的信息：

http://www.whatwg.org/specs/web-apps/current-work/#dom-context-2d-getimagedata

Answer 2

如果你有一個base64編碼的圖像src，你可以使用img.src.length * 0.75來確定如果保存到磁盤將采取非常接近的文件大小。

Answer 3

要獲取圖像大小，您需要在服務器上訪問它。 Javascript是一個客戶端實用程序，因此無法直接從服務器檢索信息。

您必須發送Ajax請求才能與服務器通信。 或者，在創建頁面時，將文件大小保存在<input type='hidden' />框中，並在需要時訪問它們或類似的解決方案。