解决微信小程序开发中wxss中不能用本地图片

微信小程序开发中wxss中不能用本地图片，我们可以用将我们的图片传到服务器上，然后直接引用在线地址。但是当我们没有服务器时，我们可以用“图床”，这个具体可以百度。这里我们用第二种方法：将图片用base64加密。

1.我们用在线加密对图片进行加密，这个网址百度一大堆，我只贴出一个http://imgbase64.duoshitong.com/
2.将转换完成后的base64复制到我们要引用的地方。
3.设置样式(辅助代码，只有将这个图片做为background-image时注意设置如下属性):

background-size: 8%;
background-position: center center;
background-repeat: no-repeat;

转载于:https://www.cnblogs.com/Lyn4ever/p/11117588.html

解决微信小程序开发中wxss中不能用本地图片相关推荐

微信小程序开发之wxss中的那些事（一）
微信小程序开发之wxss中的那些事微信小程序开发中,页面的布局怎么整? 啥是WXSS? 基本语法什么是rpx 什么是 flex 微信小程序开发中,页面的布局怎么整? 各位道友请留步,如果你是新手, ...
微信小程序开发抽取HTML中数据的最快方法是正则表达式，而不是循环
做项目的过程中,刚好用到这个变量,因为用微信小程序获取了网页源数据,但是是一堆HTML文档代码,若用循环来处理抽取里面我想要的信息,太过于复杂,所以着手用正则表达式来做. 方法如下: 一.从网页上获取 ...
微信小程序网络请求异常怎么办_解决·微信小程序开发-网络请求报Invalid request 400错误...
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢? 首先我们来看微信API网络请求示例代码: ...
【微信小程序】微信小程序开发--用户昵称中带有emoji表情的处理方法
刚开始写小程序,获取客户昵称,后来发现用户昵称是可以为emoji表情的,而Mysql数据库中是不支持直接将emoji表情直接存入数据库的,后来在网站上找了一个方法将所有的昵称转变为Unicode编码存 ...
解决微信小程序开发vendor.js文件超过500kb问题
解决办法: 目前查找到有两种解决办法 1.开发环境启用代码压缩.2.vendor.js的分包处理,目前第一种已经达到预期,仅记录下第一种方式. 1.开发环境启用代码压缩在build/webpack. ...
解决微信小程序开发工具右上角没有上传按钮
原因: AppId没有填对登录网站微信公众平台选择注册的小程序邮箱登录,不是选择测试号,如果进入测试号 ,小程序界面没什么东西,如下界面是测试号节目: 不是上面测试号界面,得是下面这个小程序管理 ...
微信小程序开发聊天室——实时聊天，支持图片预览
第一次写小程序,老板就让我用websoket写个聊天对话,群聊这种.第一次写聊天功能,第一次用websoket,第一次用小程序,这是在考验我吗?不过我还是研究了一下,终于实现了. 首先看一下界面,界面 ...
微信小程序开发02-设置自动滚动轮播图片
设置自动滚动图片首先在xx.xml中: <swiper class="banner" indicator-dots indicator-color="rgba(25 ...
小程序中input标签没有反应_解决微信小程序弹出层中input无法聚焦的问题
此处使用的是vant框架解决聚焦问题这里遇到的问题是,在点击搜索框后,设置了弹起的弹出层中van-search的foucs值为true 但是没有起到聚焦效果原因在于弹出框带有一个动画效果,需要在 ...

解决微信小程序开发中wxss中不能用本地图片

解决微信小程序开发中wxss中不能用本地图片相关推荐

最新文章

热门文章