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

Posted guhongying

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序插入背景图片(将图片转为base64)相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

技术图片

 

以上是关于微信小程序插入背景图片(将图片转为base64)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 base64 图片 canvas 画布 drawImage 实现

微信小程序 base64格式图片的展示保存及pdf打开

小程序 wx.arrayBufferToBase64() 显示不了二进制图片

微信小程序上传图片并转化为base64格式

微信小程序--图片相关问题合辑

微信小程序把base64的图片保存到手机相册