Проверить URL изображения

Question

У меня есть URL изображения (http://t2.gstatic.com/images?q=tbn:ANd9GcTR_RHZrrb25Cx1qGPul6PYsCnVsIqtRuJxRS1Bj0I8DPXqQx-zow).. Я хочу проверить это в javascript, независимо от того, существует изображение или нет. Пожалуйста, помогите мне найти решение.

Answer 1

try {
var img = document.createElement("img");
img.src ="http://t2.gstatic.com/images?q=tbn:ANd9GcTR_RHZrrb25Cx1qGPul6PYsCnVsIqtRuJxRS1Bj0I8DPXqQx-zowsd";

} catch(err)
{
    //
}

if(img.height > 0) {
 //image exists
} else {
 // image not exists
}

Answer 2

Вы можете загрузить свое изображение в скрытый DIV и проверить, было ли загружено изображение. Я предлагаю вам использовать jQuery для достижения этой цели.

Дополнительная информация о событии загрузки: http://api.jquery.com/load-event/

HTML:

<div id="image-container" style="display: none">
    <img src="http://your/image/url">
</div>

Javascript / JQuery код:

    $('img', '#image-container ').load(function() {
        // image loaded
    });

Answer 3

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

Вы можете попробовать это

<img src="http://mydomain.com/images/image1.jpg" onerror="this.src='http://mydomain2.com/images/image1.jpg'" />

В качестве альтернативы

<script language="JavaScript"><!-
function testImage(URL) {
var tester=new Image();
tester.onLoad=isGood;
tester.onError=isBad;
tester.src=URL;
}

function isGood() {
alert('That image exists!');
}

function isBad() {
alert('That image does no exist!');
}
//--></script>