小程序云开发入门——关于云存储的那些事（1）

最新推荐文章于 2024-05-08 20:58:19 发布

TaylorZ9826

最新推荐文章于 2024-05-08 20:58:19 发布

阅读量573

点赞数 2

文章标签：小程序前端云开发

本文链接：https://blog.csdn.net/TaylorZ9826/article/details/122799546

版权

本文介绍了如何在小程序中实现云存储图片的功能，包括创建选择图片页面，上传图片到云存储，以及将图片数据添加到商品列表。通过实际操作展示了上传过程，并在商品详情和列表页面展示图片的步骤。

摘要由CSDN通过智能技术生成

上传图片到云存储

1.创建了新页面yuncunchu和一个选择图片的按钮

<button bindtap="chooseImg">选择图片</button>

2.1修改js文件进行——选择图片

 chooseImg(){
        wx.chooseImage({
            //上传图片第一步：选择你要上传的图片
            count: 1,//可以选择的图片数量
            sizeType: ['original', 'compressed'],
            sourceType: ['album', 'camera'],//设置图片来源
            success (res) {
                console.log(res)
              // tempFilePath可以作为img标签的src属性显示图片
                const tempFilePaths = res.tempFilePaths
            }
          })
    }