检测图片Url示例

HTML

  <!--定义一个用来进行测试的隐藏的img元素-->
  <img id="urlImageTester" />
  <!--定义一个用来测试的图片-->
  <img id="googleimg"  src="http://www.baidu.com/img/baidu_jgylogo3.gif?v=97734195.gif" />
  <br/>
  <!---定义一个用来检测图片的链接-->
  <a href="#" id="btntesting">检测图片链接</a>
                      
                        

JS

//在页加载就绪事件中，为链接关联事件处理代码
$(document).ready(function(){
$("#btntesting").click(function(){	
	var answer=imageTest($("#googleimg").attr("src"));  //检测选中的img的src
	(answer==true)?alert("成功"):alert("失败");         //显示检测结果消息
	});
});

function imageTest(url) {
    var imageTarget = $('#urlImageTester');            //获取隐藏的img元素
	imageTarget.attr('src', url);                      //设置img元素的src属性
    var props = ['naturalHeight', 'fileCreatedDate'];  //定义属性数组
	var tests = [];                                    //定义测试结果数组
	var answer;                                        //定义返回结果变量
    for (i in props) {                                //遍历数组元素
	    tests.push(imageTarget.attr(props[i]));        //向test数组中插入特定数组元素的值
	 }
    if($.browser.msie){(    //如果是IE，如果第2个元素为未定义，则返回false,否则为true
	        tests[1] == 'undefined') ? answer = false : answer = true;
	}else{                  //如果为其他浏览器，如果第1个元素值为0,则返回false，否则为true
		(tests[0] == 0) ? answer = false : answer = true;
	}
    return answer;                                    //返回检测结果
}