!
也想出现在这里? 联系我们
广告位
当前位置:首页>开发>其他开发实例>前端使用Image()函数加载base64图片不兼容无onload事件解决方法

前端使用Image()函数加载base64图片不兼容无onload事件解决方法

Image()函数将会创建一个新的HTMLImageElement实例。它的功能等价于 document.createElement(\’img\’)。

前端使用Image()函数加载base64图片不兼容无onload事件解决方法

正常情况下,我们使用下面方法加载图片,是能能够获取到onload事件的:

但是如果你需要加载的图片是base64图片时,可能是因为没有请求发出,onload事件是无法执行的。

几经尝试,最终考虑将base64图片转位ObjectUrl再加载,好处是无需后端,纯前端即可兼容。移动端兼容性也非常不错。

具体实现如下:

URL.createObjectURL 可能有一些兼容性问题,如果你在使用过程遇到,可以hack兼容一下

给TA打赏
共{{data.count}}人
人已打赏
其他开发实例

jenkins配置ssh服务器并配置ssh servers

2022-9-6 17:31:07

其他开发实例

idea如何开启多线程调试模式(多线程怎么调试)

2022-9-6 17:31:45

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索