微信小程序选择本地文件上传到云存储

编程入门 行业动态 更新时间:2024-10-26 22:18:35

微信小程序选择本地文件<a href=https://www.elefans.com/category/jswz/34/1771255.html style=上传到云存储"/>

微信小程序选择本地文件上传到云存储

在微信小程序中,没有打开选取本地文件的API,经过查找开发文档,发现wx.chooseMessageFile()可以从客户端会话选择文件,并取得文件的文件名和临时路径。利用该API,编了选择本地文件上传到云存储的代码段,并把文件信息放在数据表中方便对文件的管理和下载。
/**

  • 选择文件上传到云存储
    */
    uploadfile:function(e) {
    wx.chooseMessageFile({
    count: 10, //可选择最大文件数 (最多100)
    type: ‘all’, //文件类型,all是全部文件类型
    success(res) {
    const filePath = res.tempFiles[0].path //文件本地临时路径
    console.log(res)
    // 上传文件
    const cloudPath = ‘上传文件文件夹/’ + filename //云存储路径
    console.log(cloudPath)
    wx.cloud.uploadFile({
    cloudPath,
    filePath,
    success: resa => {
    console.log(resa.fileID)
    const db = wx.cloud.database()
    //把文件名和文件在云存储的fileID存入filelist数据表中
    db.collection(‘filelist’).add({
    data: {
    filename: filename,
    fileid: resa.fileID,
    },
    })

      },fail: e => {wx.showToast({icon: 'none',title: '上传失败',})},
    })
    

    }
    })
    },

更多推荐

微信小程序选择本地文件上传到云存储

本文发布于:2024-03-23 22:13:34,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1743454.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:上传   本地文件   程序   微信小

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!