参考资料
练习题 icon lost
交流讨论
我的笔记
专栏课程

【已解决】问题:

       在云开发小程序过程种,用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学堂 

资料来源 微信小程序 canvas画布 渲染云存储的图片
博客作者 暴雨课堂
前往答题
发布见解