向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

js detect image 404：
一、用Ajax，代码量较长：
// http://jsfiddle.net/SRvqN/1/ $(window).load(function() {     $('img').each(function() {         var url = $(this).attr("src");         $.ajax(url, {             cache: true,             statusCode: {                 404 : function() {                     $('table').append('<tr><td>' + url + '</td></tr>');                 }             }         });     }); });
二、用图像的onerror函数实现判断404，实践OK：
_________________________________________________________________________
<script type="text/javascript"> window.onload = window_load; function window_load()    {    var img1 = new Image();    img1.onload = function () { alert( '1 LOADED' ); };    img1.onerror = function () { alert( '1 ERROR' ); };    img1.src = 'http://yourdomain.net/images/onethatdoesnotexist.gif';    var img2 = new Image();    img2.onload = function () { alert( '2 LOADED' ); };    img2.onerror = function () { alert( '2 ERROR' ); };    img2.src = 'http://yourdomain.net/images/onethatdoesexist.gif';    } </script>

来自：http://forums.mozillazine.org/viewtopic.php?f=25&t=315570

function UrlExists(url) {   var http = new XMLHttpRequest();   http.open('HEAD', url, false);   http.send();   return http.status != 404; } var threshold   = 500,     successFunc = function(){ console.log('It exists!'); }; var myXHR = $.ajax({   url: $('#checkme').attr('href'),   type: 'text',   method: 'get',   error: function() {     console.log('file does not exist');   },   success: successFunc }); setTimeout(function(){   myXHR.abort();   successFunc(); }, threshold);

Hello All,

can do this either by Jquery or Javascript...
This is what i have done so far... function checkURL(url) { var urlregex = new RegExp("^(http|https|ftp)\://([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&%\$\-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(\:[0-9]+)*(/($|[a-zA-Z0-9\.\,\?\'\\\+&%\$#\=~_\-]+))*$"); if (urlregex.test(value)) { alert("valid url"); var request = new XMLHttpRequest; request.open('GET', url, false); request.onreadystatechange = function(){ if(request.readyState==4){ console.log(request.readyState); return true; }else{ return false; } } request.send(); } alert("invalida url pattern"); return (false); }

来自：
http://www.coderanch.com/t/624410/HTML-CSS-JavaScript/check-url-returns-error-status

作者：jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除
地址：http://jackxiang.com/post/7109/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！