《小记》判断本地URL的图片是否存在

找不到方法去判断文件是否存在,结合几个大佬的博客,投机了一下

  • 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判断图片,文件是否存在的几种方法

感谢上面两位大佬,做个小记,也希望有更加优雅的实现方法,来交流,才学习,刚起步。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值