Image()函数将会创建一个新的HTMLImageElement实例。它的功能等价于 document.createElement(\’img\’)。
正常情况下,我们使用下面方法加载图片,是能能够获取到onload事件的:
但是如果你需要加载的图片是base64图片时,可能是因为没有请求发出,onload事件是无法执行的。
几经尝试,最终考虑将base64图片转位ObjectUrl再加载,好处是无需后端,纯前端即可兼容。移动端兼容性也非常不错。
具体实现如下:
URL.createObjectURL
可能有一些兼容性问题,如果你在使用过程遇到,可以hack兼容一下