jquery 判断图片是否存在

方法一、

function isHasImg( src ){
    var img = new Image();
    img.src = src;
    img.onload = function(){
        if( img.width > 0 || img.height > 0  ){
            onImgExistNotify(img.src,true,3);
        }
        else{
            onImgExistNotify(img.src,false,2);
        }
    } 
     
    img.onerror = function(){
        onImgExistNotify(img.src,false,1);
    }   
}
 
 
function onImgExistNotify(src,bExist,iPlace){//图片src是否存在通知
    if( bExist ){
        console.log("图片src="+src+"存在"+iPlace);
    }
    else{
        console.log("图片src="+src+"不存在"+iPlace);
    }
}

　　方法二、 使用ajax

/**
 * 根据图片路径 判断图片是否存在
 * @param {*} url 
 * @returns 
 */
function hasImg(url){
	var isSuccess=true;
	$.ajax(url, {
		type: 'get',
		timeout: 1000,
		async : false,
		success: function() {
			isSuccess=true;
			console.log('图片请求成功');
		},
		error: function() {
			isSuccess=false;
			console.error('图片请求失败');
		}
	});
	return isSuccess;
}

// 使用：

hasImg(url)

　　参考地址： https://blog.csdn.net/liuyun0908/article/details/102794252