如何判断赋给image控件的图片链接值是否可用?

来源:百度知道 编辑:UC知道 时间:2024/05/27 18:45:34
image控件有返回值可以知道图片的链接是否可用吗?

例如,我做一个页面,允许客户使用网络上的图片,通过一个textbox接收客户提交的链接,但我想知道这个链接是否可用。也就是说,如果客户上传一个无效的图片链接,例如http://zhidao.baidu.com或者http://zhidao.baidu.com.jpg,可以提醒他该链接失效或者并非图片。

由于暂时找不到简便的方法,我看到image可以在客户端判断某一个图片链接是否不可用(如果不可用会出现红叉。),所以我就设想是否能通过把客户上传的链接直接赋值给一个用于显示预览图片的image控件,通过控件去链接这个图片,以是否链接成功来判断这个链接是否有效?

<img src="http://www.baidu.com" onerror="alert('目标地址图片无效');this.src='http://www.zu14.cn/logo.gif';" />

onerror="err()" //加载图片出错的时候触发
err()是自定义js函数 看自己需要写下

用JS获得a的 href 来判断

需要给a 一个 id

<script>
var a=document.getElementById("test").href;
if(a.indexOf(".jpg"))
{
alert("yes");
}
else
{alert("no");}

</scrupt>
<a href='123.com/1.jpg' id='test'>查看</a>

只是个简单的判断你可以在判断那做更好的验证

<img src="http://www.baidu.com" onerror="alert('目标地址图片无效');this.src='