Вы можете получить размеры с помощью getElement(...).width и ...height.

Поскольку JavaScript не может получить доступ к чему-либо на локальном диске по соображениям безопасности, вы не можете изучать локальные файлы. Это также верно для файлов в кеше браузера.

Вам действительно нужен сервер, который может обрабатывать запросы AJAX. На этом сервере установите службу, которая загружает изображение и сохраняет поток данных в фиктивном выходе, который просто подсчитывает байты. Обратите внимание, что вы не можете всегда полагаться на поле заголовка Content-length , поскольку данные изображения могут быть закодированы. В противном случае было бы достаточно отправить запрос HTTP HEAD.

Вы можете найти размер изображения на странице, используя что-то вроде

document.getElementById('someImage').width

размера файла, однако вам придется использовать что-то серверное

Работники службы имеют доступ к информации заголовков, включая заголовок Content-Length.

Работники служб немного сложно понять, поэтому я создал небольшую библиотеку под названием sw-get- заголовки .

Чем вам нужно:

1. подписаться на событие response в библиотеке
2. , чтобы определить URL-адрес изображения среди всех сетевые запросы
3. здесь вы можете прочитать заголовок Content-Length!

Обратите внимание, что ваш веб-сайт должен быть на HTTPS для использования Служащих, чтобы быть совместимыми с Работодателями Службы, и изображения должны быть в том же самом происхождении, что и ваша страница.

Проверьте размер загруженного изображения с помощью Javascript

<script type="text/javascript">
    function check(){
      var imgpath=document.getElementById('imgfile');
      if (!imgpath.value==""){
        var img=imgpath.files[0].size;
        var imgsize=img/1024; 
        alert(imgsize);
      }
    }
</script>

Код HTML

<form method="post" enctype="multipart/form-data" onsubmit="return check();">
<input type="file" name="imgfile" id="imgfile"><br><input type="submit">
</form>

Получение исходных размеров изображения

Если вам нужно получить исходные размеры изображения (не в контексте браузера), свойства clientWidth и clientHeight не работают, поскольку они возвращают неправильные значения, если изображение растягивается / сокращается через css.

Чтобы получить исходные размеры изображения, используйте свойства naturalHeight и naturalWidth .

var img = document.getElementById('imageId'); 

var width = img.naturalWidth;
var height = img.naturalHeight;

стр. s. Это не отвечает на исходный вопрос, так как принятый ответ выполняет эту работу. Это вместо этого служит дополнением к нему.

Большинство людей ответили, как размеры загруженного изображения могут быть известны, поэтому я просто попытаюсь ответить на другую часть вопроса - зная размер файла загруженного изображения.

Вы можете сделать это, используя время ресурса апи. В частности, для этой цели могут быть использованы свойства transferSize, encodedBodySize и decodedBodySize.

Посмотрите мой ответ здесь для фрагмента кода и дополнительной информации, если вы ищете: JavaScript - получить размер в байтах из HTML img src

Единственное, что вы можете сделать, это загрузить изображение на сервер и проверить размер и размер изображения, используя некоторый язык на стороне сервера, например C #.

Изменить:

Ваша потребность не может быть сделано с использованием только javascript.

var img = new Image();
img.src = sYourFilePath;
var iSize = img.fileSize;

Как насчет этого:

var imageUrl = 'https://cdn.sstatic.net/Sites/stackoverflow/img/sprites.svg';
var blob = null;
var xhr = new XMLHttpRequest(); 
xhr.open('GET', imageUrl, true); 
xhr.responseType = 'blob';
xhr.onload = function() 
{
    blob = xhr.response;
    console.log(blob, blob.size);
}
xhr.send();

http://qnimate.com/javascript-create-file-object-from-url/

из-за той же политики происхождения, работают только с тем же происхождением