微信小程序插入背景图片(将图片转为base64)

关于在微信小程序中插入背景图片,是不能将本地文件直接作为background-image的,要么使用网址链接,要么使用base64,这,考虑到小程序的大小问题,毕竟大小限制为2M的小程序是不可能有多余的空间留给background-image的(准确地来说是在样式文件中需要使用图片时不能直接用本地文件,在wxml中可以?)。

使用网址链接简单,直接找到需要的图片,一般右键都会有复制图片链接之类的

说一下将本地图片转为base64的操作(当然,并是不所有的图片转base64都合适,这比较适用于那个小的图标之类的,太大的就不是很很是了)

1.来到“站长工具”(网址:http://tool.chinaz.com/tools/imgtobase)

2.找到“图片转base64”,上传本地图片,就可以了。

3.将得到的base64编码复制到原本的background-image 的url处即可。

 

posted @ 2019-05-02 10:55  一去二三浪里小白龙  阅读(4443)  评论(0编辑  收藏  举报
//增加一段JS脚本,为目录生成使用