如何在javascript中獲取圖像的大小？

Question

在PHP中有filesize() ，而在javascript中呢？

Answer 1

您無法在javascript中執行此操作。

您可以將異步消息發送到PHP函數以獲取大小，然后使用javascript顯示它，但是沒有完整的JS方法。

Answer 2

最好的辦法是告訴用戶僅接受小於X字節的圖像。 您不能阻止他上傳小於php.ini中定義的最大上傳大小的圖像。

獲取圖像，然后在服務器端使用PHP進行檢查，檢查大小並顯示錯誤消息（如果太大）。

---

當然，您可以使用AJAX。 如果需要，請使用像這樣的AJAX上傳控件。 該檢查仍將在服務器端進行，但您的頁面將更具交互性和敏捷性。

Answer 3

您可以使用Flash Uploader獲取文件大小，然后再將任何內容發送到服務器。 例如jquery插件（如uplodify.com）或YUI Uploader 。 但是無論如何，您應該通過檢查POST數組$ _FILES再次檢查php端

Answer 4

當開始上傳時，瀏覽器會將圖像文件大小作為HTTP標頭的一部分發送到服務器。 因此，您可以在傳輸超過幾KB的圖像之前檢查大小，然后中止上傳。 請注意，大小不正確，因為可以對數據進行編碼以進行傳輸，因此大小可能太大。

Answer 5

無需服務器端：

使用padding:0向頁面添加一個空div並display:"inline" （需要“ inline”，以便寬度折疊）。 使用jQuery或其他js框架，將圖像放入div 。 div將調整大小以適合圖像。 jQuery將返回div的正確寬度/高度，即圖像的寬度/高度。

單獨使用javascript無效，因為js除非樣式中將其設置為固定值，否則不會返回寬度/高度。