微信小程序> 小程序云开发——图片视频资源上传云端并返回云端路径

小程序云开发——图片视频资源上传云端并返回云端路径

浏览量:2197 时间: 来源:LevisTan

在现在的应用中,包括小程序,图片视频等元素是产品必不可少的一部分。如果一个产品仅支持文字,将会很单调。有时候我们需要将图片视频上传到云端或者服务器。我这里将介绍在小程序中怎么上传图片和视频到云端,并返回云端路径,可以将这个云端路径存入数据库,下次加载云端图片和视频就从数据库中取出相应的云端路径,再从云端获取相应的图片视频资源加载到小程序端。

再小程序云开发中,提供了API用于实现本地图片视频等文件的上传,上传成功后会执行 success 回调函数,可以在回调函数里面获取图片和视频资源的云端路径(实际上返回的是云端的 fileID)。

文件上传调用同一个方法:

文件的上传其实就是从本地临时路径到云端路径。
临时路径(filePath):选择图片和视频产生的路径,拍照和录视频也是这个路径。
云端路径(cloudPath):也就是文件在云端的名字,自己随便取,但要符合命名规则。

//写在方法里var that = this;var filePath = res.tempFilePaths[0]    //这是选择图片后产生的临时路径let timestamp = Date.parse(new Date());const cloudPath = timestamp + filePath.match(/.[^.]+?$/)[0]//上传到云存储wx.cloud.uploadFile({  cloudPath, //在云端的文件名称  filePath, //临时文件路径  success: res = {    console.log(res.fileID);    that.setData({      imgpathDB: res.fileID //res.fileID是文件上传成功后返回的值,从云端调用视频图片资源需要该值    })  }})

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎