Question

我有一张图片网址（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

您的帖子与先前由anothershrubery发布的Change image source if file exists几乎相同。

你可以试试这个

<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>

验证图片网址

3 个答案: