Question

我正在使用Expo Image Picker将裁剪后的图像发送到s3。正在上载文件，但它不会呈现为图像，因为它未被识别为图像。如果我获取blob数据并在base64中使用它来编码图像，我会得到图像，所以它必须是基于mime或编码的，这就是我所拥有的。

我用;

调用Expo Image Picker

let pickerResult = await ImagePicker.launchImageLibraryAsync({
  allowsEditing: true,
  aspect: [1, 1],
  base64: true,
  exif: false,
});

我用来从s3 SDK创建签名网址的参数是;

const params = {
    Bucket: 'images,
    Key: 'filename.jpg',
    Expires: 60 * 5,
    ACL: 'public-read',
    ContentEncoding: 'base64',
    ContentType: 'image/jpeg'
};

使用带有以下标题的axios完成上传;

const config = { 
                  headers: {
                    'x-amz-acl' : 'public-read', 
                    'Content-Encoding': 'base64',
                    'Content-Type': 'image/jpeg'
                  }
                };

return await axios.put(`${signedURL}`,
  base64data,
  config)
    .then(response => {
      console.log('IMAGE UPLOAD SUCCESS');
      return response.data;
    })

如果我将创建的.jpg文件更改为.txt并在sublime中查看，则数据是base64编码的字符串，而不是jpeg的常用blob数据。

我做错了什么？

Answer 1

确定;找到了解决方案;

使用缓冲区npm模块;

从'buffer'导入{Buffer};

将此添加到我的功能

return await axios.put(`${signedURL}`,
      new Buffer(base64data, 'base64'), // make this a buffer
      config)
        .then(response => {
          console.log('IMAGE UPLOAD SUCCESS');
          return response.data;
        })

图像上传到s3不会呈现

1 个答案: