最近开发了一个功能，是提供输入图片链接来保存图片。那么怎么判断输入的链接是一个图片链接呢？
可以使用图片的异步加载功能来验证。
var img = new Image();
img.onload = function () {
// 图片链接会加载成功
console.log('图片加载成功');
};
img.onerror = function () {
// 非图片链接会加载失败
console.log('图片加载失败');
};
img.src = "demo.jpg";
document.body.appendChild(img);
IE9以下，浏览器加载本地图片非常快，onload定义在src之后可能会导致顺序：src赋值 => 触发onload => 定义onload回调。这样onload回调就来不及执行了。
为了避免上述情况，建议先定义onload和onerror，再赋值src。
最近开发了一个功能，是提供输入图片链接来保存图片。那么怎么判断输入的链接是一个图片链接呢？ 可以使用图片的异步加载...
js判断图片链接是否有效 要判断图片链接是否有效，我们首先创建一个Image对象，然后把链接设置在Image对象上...
要判断图片链接是否有效，我们首先创建一个Image对象，然后把链接设置在Image对象上，如果能正常加载，则代表链...
图片加载库 Universal-Image-Loader，早期广泛被用的一个可重复使用的仪器为异步图像加载、缓存、...
图片加载库 Universal-Image-Loader，早期广泛被用的一个可重复使用的仪器为异步图像加载、缓存、...
导语 图片加载库 Universal-Image-Loader，早期广泛被用的一个可重复使用的仪器为异步图像加载、...
思路：判断当前页面是否滑动到底部，若滑动到底部则使用ajax异步加载接下来的内容，使用append插入到当前页面中...
想知道tableview是否加载完成 使用以下代码即可 //用于判断tableview是否加载完成
想知道tableview是否加载完成 使用以下代码即可 //用于判断tableview是否加载完成 -(void)...
vue+webpack 优化 一.异步加载 1.异步加载组件，其实就是组件懒加载。可以理解为：当我需要使用组件的时...
本文标题：使用Image的异步加载判断是否为图片链接
本文链接：https://www.haomeiwen.com/subject/iwozrftx.html
网友评论