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解决了图片不显示问题


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM