Question

Я использую JQuery для динамического добавления ссылки для файла изображения.

+ "<td><a class='IconButton' id='trkimg" + k + "' href='IMSTORE\/" + trackings[k].Image + "'><span class='ui-icon ui-icon-image'></span></td>" 

Этот код проверяет, что значение было возвращено из базы данных и скрывает ссылку, если ничего не был возвращен:

if (trackings[k].Image == null) { $("#trkimg" + k).html(""); $("#trkimg" + k).removeClass('CustomButton'); } 

Как я могу использовать JQuery, чтобы проверить, что файл возвращаемые на самом деле существует, и если он не существует, отображает другое изображение?

Answer 1

В соответствии с тем, что предложил SeanJA, вы можете использовать ajax для 'теста' для изображения, а затем добавить изображение в обратном вызове success или попробовать другой в обратном вызове error.

Вы запрашиваете изображение дважды, но, возможно, оно кэшируется после первой попытки. Не уверен.

Если вы хотите использовать обращенное изображение, его необходимо закодировать. Вот ссылка на инструкции о том, как это сделать. Правда, не пробовал.

http://emilsblog.lerch.org/2009/07/javascript-hacks-using-xhr-to-load.html

var imageURI = "http://mydomain.com/myimage.jpg"; 
    $.ajax(
     { 
      type:'get', 
      dataType:'image/jpeg', 
      url:imageURI, 
      success:function() { $('body').append('<img src="' + imageURI + '" />'); }, 
      error:function() { /* Change url in imageURI variable, and try again */ } 
     } 
    ); 

Не уверен, что это лучший способ, но, кажется, работает.

Answer 2

Javascript не может видеть файлы на вашем сервере. Вы можете сделать запрос ajax на серверную часть, чтобы проверить, существует ли файл, я думаю.