找不到方法去判断文件是否存在,结合几个大佬的博客,投机了一下
- image();函数
HTML代码的加载 和 图片的加载是同时的,虽然 图片已经进行过预加载,但是尽管这样 加载的速度 相比较 HTML 代码的加载速度 还是要慢一些的。需要用 Image对象中的 onload事件。
参考文章 js中的Image对象 - 上代码
function isHasImg() {//判断路径图片是否存在,文件不会,只找到image
url = 'icon/' + file.name;
var Imgobj = new Image();//生成一个图片缓存,用来判断
Imgobj.src = url;
Imgobj.onload = function () { //html代码执行单线程,图片加载速度跟不上代码执行速度,所以onload();回调函数
//if (Imgobj.fileSize > 0 || (Imgobj.width > 0 && Imgobj.height > 0))
imgUrl = url;
drawBook();
}
Imgobj.onerror = function () {
$("#addbook-upload").html('路径错误,请将图片放至icon/目录!');
imgUrl = null;
drawBook();
}
};
参考博客 利用JS判断图片,文件是否存在的几种方法
感谢上面两位大佬,做个小记,也希望有更加优雅的实现方法,来交流,才学习,刚起步。