javascript 验证图像URL

q3qa4bjr  于 2023-01-24  发布在  Java
关注(0)|答案(3)|浏览(139)

我有一个图像的网址(http://t2.gstatic.com/images?q=tbn:ANd9GcTR_RHZrrb25Cx1qGPul6PYsCnVsIqtRuJxRS1Bj0I8DPXqQx-zow)。我想验证这在JavaScript中是否图像存在与否。请帮助我找到解决方案。

1dkrff03

1dkrff031#

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

sulc1iza2#

您可以在一个隐藏的DIV中加载图像,然后检查图像是否已加载,我建议您使用jQuery来实现这一点。
关于负载事件的进一步阅读:http://api.jquery.com/load-event/
超文本:

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

Javascript/jQuery代码:

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

w8biq8rn3#

你的帖子几乎和Change image source if file exists相同,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>

相关问题