使用额外的参数来响应本机图像上传

时间:2018-11-30 03:01:35

标签: javascript angularjs react-native fetch-api

我正在将AngularJS应用转换为React Native。我在转换API调用以上传用户头像时遇到麻烦。这是有效的AngularJS代码:

 $scope.uploadPic = function(file) {
      file.upload = Upload.upload({
           url: config.API_URL + "/tk/v1/avatar",
           data: {
                id: $scope.user_id,
                file: file,
                email: $scope.user_email
           },
      });

现在这是下面的React Native代码,该代码会导致显示400错误,提示“缺少参数:id,电子邮件”。那么,我如何不仅可以正确上传图像,还可以添加两个自定义参数?

    const ImageSource = this.state.ImageURI;

    const data = new FormData();
    data.append('id', '236');
    data.append('email', 'admin@mysite.com');
    data.append('file', {
      uri: ImageSource,
      type: 'image/jpg',
      name: 'PhotoName'
    });
    fetch(CONFIG.API_URL+'/tk/v1/avatar', {
      method: 'POST',
      body: data
    }).then(res => {
      console.log(res)
    });

0 个答案:

没有答案