Как получить естественные размеры изображения с помощью JavaScript или JQuery?
У меня есть этот код до сих пор:
var img = document.getElementById('draggable');
var width = img.clientWidth;
var height = img.clientHeight;
Однако это дает мне атрибуты html - стили CSS. Я хочу получить размеры фактического ресурса изображения, файла.
Мне это нужно, потому что при загрузке изображения его ширина устанавливается равной 0 пикселей, и я понятия не имею, почему и где это происходит. Чтобы предотвратить это, я хочу указать фактические размеры и сбросить их. Это возможно?
Изменить: Даже когда я пытаюсь получить NaturalWidth, я получаю 0 в результате. Я добавил картинку. Странно то, что это происходит только тогда, когда я загружаю новые файлы и при обновлении работает как надо.
