Как получить размер изображения в байтах с помощью 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, вы можете использовать img.src.length * 0.75, чтобы определить очень близкий размер файла, который он будет сохранять при сохранении на диск.

Answer 3

Чтобы получить размер изображения, вам необходимо получить к нему доступ на сервере. Javascript - это утилита на стороне клиента, поэтому он не может напрямую получать информацию с сервера.

Вам необходимо отправить запрос Ajax для связи с сервером. Либо, когда ваша страница создана, сохраняйте размеры файлов в полях <input type='hidden' /> и получайте к ним доступ, когда они вам нужны, или аналогичное решение.