Проверка видимости файлов изображений

Question

Мне недавно предложили создать страницу, которая обрабатывает загрузку файлов изображений на сервер с помощью ajax и php. Уловка при выборе файла, его следует просмотреть на странице.

Проблема заключается в том, что мои глаза уничтожены, поэтому я не могу проверить изображение, если оно видимо или нет для пользователя. Для того, чтобы решить, я закончил проверять атрибут Src для значения, как это:

$("#img").attr('src'); 

Мой вопрос: Учитывая определенную длину и высоту к элементу, я буду уверен, что до тех пор, как атрибут SRC имеет будет отображаться значение, действительный файл изображения? Будет ли это работать во всех случаях? Если нет, то каков наилучший способ проверить, существует ли изображение и оно видимо?

Answer 1

Чтобы проверить состояние загрузки и доступность изображения, вы можете использовать load и error прослушиватель событий.

$("#img").on("load", function() { 
    // the image is successfully loaded 
}).on("error", function() { 
    // the image could not be loaded, maybe the image is not availbale 
});