微信小程序云开发图片用作背景不显示

news/2024/11/30 18:32:21/

 也是偶然的情况遇到这个问题,然后就去查了一下。

用云存储图片做背景是无效的。为什么呢?

首先,可以明确fileID可以作为标签插入,但是不能作为字符串直接作为background-image使用。

所以我们可以的得出结论,微信小程序的中背景图,要不就是线上的完整地址https://....img/test.png  要不就转成的b64格式(建议先压缩,之前的篇幅中也推荐过压缩工具)。

那我就是想用这个云上图片怎么办?

可以用api获取链接后插入试一下。官方链接:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-client-api/storage/

另外:cloud是用于小程序内部显示。

 

 

 


http://www.ppmy.cn/news/414562.html

相关文章

webpack图片压缩

Install $ npm install image-webpack-loader --save-dev 配置 在webpack.config.js文件中设置合理的压缩质量范围,避免过度失真 rules: [{test: /\.(gif|png|jpe?g|svg)$/i,use: [file-loader,{loader: image-webpack-loader,options: {mozjpeg: {progressive: …

VBA之批量导出图片

Sub Rename() Application.ScreenUpdating False On Error Resume Next MkDir ThisWorkbook.Path & “\图片” For Each pic In ActiveSheet.Shapes If pic.Type msoPicture Then RN pic.TopLeftCell.Offset(0, -1).Value 重命名图片 pic.Copy With ActiveSheet.ChartOb…

Wordpress社区小程序丸子小程序,Wordpress知识付费小程序Wordpress电商小程序Wordpress资讯小程序Wordpress开源小程序Wordpress小程序人人都可以做的小程序

关于WordPress 说到Wordpress一款开源的全球CMS博客系统,作为一款成熟的系统,只需要完美的对接前端自己写对应的API接口就可以完美的呈现出一个自己想要的客户端例如PC版,移动版以及现在的小程序。 目录 关于WordPress WordPress小程序 …

小甲鱼课后作业_文案练习5|作业展示

我是邓邓,陪你一起刻意练习,共同进步。 感谢参加文案练习5的同学们,为你们的行动力实名点赞? 本次公布3份上榜作业,分别是: 1号作业—丸子 2号作业—瓊兒 3号作业—长云 PS:明天(7.17 9:00)开启作业投票&a…

android 快速实现图片压缩与上传

由于最近项目更新功能比较的忙,也没时间去整理自己的知识点和管理自己的博客.在android对手机相册中的图片的压缩和上传到服务器上,这样的功能在每个app开发中都会有这样的需求.所以今天就对android端怎么快速实现图片压缩和上传进行简单的分析. 首先需要对图片进行压缩,这方面…

RatingBar 修改 颜色 大小 图片

大家好,我是 小丸子,希望通过写博客的方式,将自己学习的成果与大家分享。如有说的不对的地方,还希望各位Android学友指正。 一、RatingBar如何更改填充星星的颜色呢? 解决方法: 1、在Android 5.0版本之后&a…

删除重复的图片

我们使用的数据集可能是通过组合来自多个来源的图像而制作的。这样的数据集中将有很多重复的图像,如果依靠人工手动筛选将会花费很多时间并且容易出错- 因此,我需要一种方法来检测 并从数据集中删除这些重复的图像。 1.数据集有重复图像会造成的问题 1…

图片上传(简单例子)

大概逻辑是,1、图片单独form、选择上传图片(异步上传,jquery.form.js) 2、后台判断上传图片大小(太大不上传返回提示、或大小可以上传返回上传路径) 3、根据返回路径,判断图片宽高。不符合提示…