Как проверить размер файла изображения в jquery?

Question

У меня есть кнопка при нажатии на эту кнопку, мне нужно получить размер файла изображения

function attachPhoto()
{
    var path="http://www.w3schools.com/images/pulpit.jpg";// i need to check size of image
}

<input type="button" style="width:30%" onClick=" attachPhoto()" />

Answer 1

$('element').width() или же $('element').height()

Answer 2

$('image').width() а также $('image').height()

Только после полной загрузки (возможно, прикрепите его к .load() событие).

Answer 3

Вот не-JQuery решение:

function attachPhoto() {
    var img = new Image();
    img.onload = function() {
        alert([img.width, img.height]);
    } 
    img.src = "http://www.w3schools.com/images/pulpit.jpg";
}

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

Answer 4

Если вы хотите получить размеры файла, используя только URL, вам нужно использовать внешний язык, такой как PHP. JQuery не может получить свойства файла.

Один из способов сделать это - загрузить изображение где-нибудь за кадром и получить $('image'). Width() & $('image'). Height(), но это не идеальный способ.

Лучший способ - использовать ajax-вызов php-скрипта, который проверит размеры файла и вернет его в jQuery.

У вас есть доступ к php серверу?