vue 用图片链接发起get请求获取加密数据,解密后渲染,懒加载失效了,怎么解决
时间: 2023-06-26 22:07:57 浏览: 99
vue3自定义指令实现图片懒加载
懒加载通常是通过监听滚动事件来判断图片是否进入可视区域,然后再加载图片。但是如果使用图片链接发起GET请求获取加密数据,那么就无法直接提取图片的src属性,也就无法进行懒加载了。
解决方法有以下几种:
1. 将图片的加密数据转换为base64编码,然后将编码后的字符串作为图片的src属性值,这样就可以使用懒加载了。
2. 将图片的加密数据转换为Blob对象,然后使用URL.createObjectURL()方法生成一个可访问的URL,将该URL作为图片的src属性值,同样可以使用懒加载。
3. 在获取到加密数据后,先进行解密操作,然后将解密后的图片数据直接作为src属性值,这样就可以使用懒加载了。如果解密操作比较耗时,可以在解密过程中先使用一张默认图片作为占位符,然后等解密完成后再替换成真实的图片。
阅读全文