完美兼容多浏览器的js判断图片路径代码汇总

本文将分享几种使用JavaScript实现判断图片路径是否存在的代码，这些代码都是在实际项目中应用过的，对于需要的小伙伴来说，可以作为参考。

第一种方式是通过创建一个新的Image对象，设置其源为待检测的图片路径，然后检查该对象的文件大小和宽高来判断图片是否存在。如果图片存在，则会弹出提示框显示图片路径存在，否则提示不存在。代码如下：

```javascript

function CheckImgExists(imgurl) {

var ImgObj = new Image(); // 创建Image对象

ImgObj.src = imgurl; // 设置图片路径

// 如果图片文件大小大于0或者宽高都大于0，则说明图片存在

if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {

alert(imgurl + '存在');

} else {

alert(imgurl + '不存在');

}

}

CheckImgExists('/editor/simple/FileIconDir/rar.gif');

CheckImgExists('/editor/simple/FileIconDir/rarsdfs.gif');

```

第二种方式则是通过HTML的img标签实现。当图片加载失败时，通过onerror事件替换图片源为默认图片。这种方式虽然可以判断图片是否存在，但无法像第一种方式那样给出明确的提示。代码如下：

```html

原图片" 图片" onerror="this.src='替换图片'">

```

第三种方式则是通过JavaScript的onload和onerror事件来检测图片是否存在。当图片加载成功时，会调用LoadOK函数，而加载失败则会调用defaultImg函数，将图片源替换为默认图片。这种方式同样可以判断图片是否存在，并且可以自定义加载成功和失败时的操作。代码如下：

```javascript

123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/>

```

以上就是几种使用JavaScript实现判断图片路径是否存在的代码方式，希望能够满足大家的需求。如果你还有其他的方法或者疑问，欢迎一起交流分享。如果你喜欢本文的内容，请持续关注我们的更新。