微信小程序云开发【上传图片入库并渲染】

最新推荐文章于 2024-08-08 18:38:04 发布

你觉得这样嘿怕吗

最新推荐文章于 2024-08-08 18:38:04 发布

阅读量1.4k

点赞数 7

分类专栏：微信小程序云开发文章标签： vue.js html typescript es6 css3

本文链接：https://blog.csdn.net/weixin_43648017/article/details/107660369

版权

这篇博客详细介绍了如何在微信小程序中实现图片上传功能，包括单图上传、多图上传并进行渲染，以及图片预览和提交入库的操作。通过WXML和JS代码示例，展示了具体的实现步骤。

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

笔记 2020-07-29

上传一张图片

wxml

<button type="primary" bindtap="clickBtn">上传文件</button>

clickBtn(){
   
    wx.chooseImage({
   
      success:res=>{
   
        console.log(res)
       //回调成功之后得到临时路径
        var filePath=res.tempFilePaths[0]
        this.cloudFile(filePath)
      }
    })
  },
  cloudFile(path){
   
    wx.cloud.uploadFile({
   
      //上传要有两个参数，路径文件名
      cloudPath:Date.now()+".jpg",
      //临时路径filepath
      filePath:path
    }).then(res=>{
   
      console.log(res)
    })
  },