url-loader(将图标转base64)

介绍:

url-loader可以通过limit属性对图片分情况处理,当图片小于limit(单位:byte)大小时转base64,大于limit时调用file-loader对图片进行处理。

如何在js中图片转base64

项目中有一列表,图片是通过v-for循环出来的,如果把url放在js中,就不能被转成base64了,url-loader只会编译html和css中的图片。可以通过import导入图片,通过一个变量去接收,然后将变量放在v-for中渲染(经测试此方法也是可行的)。

曾经遇到的问题和解决方法:

编写vue项目使用vant框架时遇到Tabbar 标签栏的切换图片不能直接写本地路径,可以写网络路径但是项目是通过后端返回网络地址进行填充,过于麻烦,最后我使用require导入本地图片路径会转成base64解决了图片不显示问题

作者:dlm17
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/dlm17/p/13094573.html