js 判断图片是否存在兼容多浏览器

最新推荐文章于 2022-07-21 18:00:51 发布

原创最新推荐文章于 2022-07-21 18:00:51 发布 · 6.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #function #image

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种简单实用的方法来检查图片文件是否真实存在。通过创建一个Image对象并尝试加载目标图片，可以有效判断图片的存在状态，并兼容多种浏览器。

苦思冥想：后来调试的时候发现还可以这么用：

        //检查图片是否存在
        function CheckImgExists(imgurl) {
            var ImgObj = new Image(); //判断图片是否存在
            ImgObj.src = imgurl;
            //没有图片，则返回-1
            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');

用这个方法可以兼容多浏览器