【已解决】问题:
在云开发小程序过程种,用canvas画布 渲染云存储的图片,发现不能显示。用http带头的网络图片是可以显示的,用cloud带头的云存储图片就是不行。http带头的网络图片可以展示,cloud带头的云存储图片就是不展示。
试了多种方式,都是不行。
最终解决方案:
wx.cloud.getTempFileURL(用云文件 ID 换取真实链接,公有读的文件获取的链接不会过期,私有的文件获取的链接十分钟有效期。一次最多取 50 个)
var myimg1 = canvas.createImage()
wx.cloud.getTempFileURL({
fileList: ['cloud://xxxxxxxx云存储图片'], //需替换成自己的
success: res2 => {
console.log(res2.fileList[0].tempFileURL)
myimg1.src = res2.fileList[0].tempFileURL //网络图片
myimg1.onload = () => {
ctx.drawImage(myimg1, 0, 0, res[0].width, res[0].height)
}
}
})
效果图:
ps:
微信小程序开发交流QQ群:897729103
本人微信:649231659,承接软件开发&学习交流
微信小程序学习视频:
(2022新-30节免费)60W用户微信小程序实战-吃透微信小程序开发-基础+高阶课程【共113课时】_其他课程-51CTO学堂
微信小程序-WebSocket(Workerman-PHP)即时通讯 点对点、多人聊天室【共21课时】_JavaScript课程-51CTO学堂
从购买服务器(秒杀)配置宝塔LAMP环境(域名解析、免费SSL申请)Linux常用命令解析【共15课时】_PHP课程-51CTO学堂
H5网页-WebSocket(Workerman-PHP)即时通讯 点对点、多人聊天室【共28课时】_JavaScript课程-51CTO学堂
开通会员以解锁全部内容
博客作者 暴雨课堂
前往答题