小程序、uniapp、taro拍照并且上传七牛云

VIP文章 weixin_51609995

已于 2022-11-09 13:56:13 修改

阅读量657

点赞数

文章标签：小程序前端 javascript

于 2022-10-28 16:41:40 首次发布

本文链接：https://blog.csdn.net/weixin_51609995/article/details/127572462

版权

小程序拍照并上传直接使用小程序的takePhoto()和uploadFile()方法

 
    // 拍照
    takePhoto() {
      const ctx = wx.createCameraContext();
      ctx.takePhoto({
        quality: "high",
        success: (res) => {
          this.filePath = res.tempImagePath;
        },
      });
    },

    // 上传照片
    uploadPhoto() {
      wx.request({
        url: '',   // 后端给的接口，用于获取token
        method: "GET",
        success: (res) => {
          let token = res.data.data;
          let now = new Date();
          let imgUrl= 'images/1.jpg'; // 图片链接，其中的 / 会自动生成一个名为images的文件夹， // 则是两个
          
        wx.uploadFile({
            filePath: this.filePath, // ctx.takePhoto拍照获取的图片链接
            url: "",  // 七牛云地址
            name: "file",
            formData: {
              token,
              key: imgUrl,
            },
            success: (res) => {