如何使用小程序Serverless的uploadFile接口将本地图片上传到文件服务,并处理上传成功后的结果?
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
在获取到图片路径后,你可以使用小程序Serverless的file.uploadFile接口将图片上传到文件服务。上传成功后,可以通过Promise的.then方法处理上传结果,例如将上传的图片URL保存到页面的数据对象中。以下是一个示例方法:
javascript
// 假设mpserverless已经全局初始化  
attach() {  
  my.chooseImage({  
    chooseImage: 1,  
    success: res => {  
      const path = res.apFilePaths[0];  
      const options = {  
        filePath: path,  
        headers: {  
          contentDisposition: 'attachment', // 根据需要设置请求头  
        },  
      };  
      mpserverless.file.uploadFile(options).then((image) => {  
        // image对象中包含了上传的图片信息,如fileUrl  
        const { imgs } = this.data;  
        imgs.push(image.fileUrl); // 将上传的图片URL添加到页面数据中  
        this.setData({  
          imgs,  
        });  
      }).catch(console.log); // 处理错误  
    }  
  });  
}