jQuery: Проверьте, существует ли изображение
Я загружаю канал передачи изображения через $ jQuery .ajax и прежде, чем показать изображение, которое я хотел бы проверить, существует ли это на самом деле. Я могу использовать загрузку образа / готовое событие или что-то подобное, чтобы решить, что путь к файлу допустим?
Наличие .myimage набор для отображения: ни один, я надеюсь сделать что-то как
$(".myimage").attr("src", imagePath);
$(".myimage").load(function() {
$(this).show();
});
Похож на что-нибудь что возможный?
2 ответа
Ну, вы можете привязать обработчик .error () ...
вот так,
$(".myimage").error(function(){
$(this).hide();
});
ну, у вас уже все в порядке с load- event
$(".myimage").load(function() {
$(this).show();
});
проблема в том, что если Javascript отключен, изображение никогда не будет отображаться ...
Поскольку вы уже выполняете запрос AJAX, я бы переложил его на серверное приложение, которое поддерживает ваш AJAX. Проверить, существует ли файл с сервера, тривиально, и вы можете установить переменные в данных, которые вы отправляете обратно, чтобы указать результаты.