javascript - 通过 Put 上传到 S3 时获得有趣的白色方 block

Question

friend 们，同胞们，把你们的耳朵借给我...

我正在为 amazon s3 签署我的 url，然后使用 fileReader 和 Fetch 将我的文件放入 s3。 虽然当我这样做时，我得到了一个有趣的白色方 block 而不是我的图像: https://s3.amazonaws.com/hubbble/Gabe/lX4H0.png

const reader = new FileReader();
reader.onload = ((e) => {

  let s3headers = new Headers();
  s3headers.append("content-type", 'image/png');

  fetch(signedRequest, {
      method: 'PUT',
      headers: s3headers,
      body: e.currentTarget.result
  }).then((response)=>{
    console.log(response);
  });
});

• 权限问题？不要真的这么想，因为你绝对可以查看图像
• 以某种方式损坏？
• 可能是内容类型不正确？

想法？ 感谢您的指导，我一直在用头撞墙!

Answer 1

它的内容似乎是 base64 编码的图像。也就是说，您正在上传一个文本文件而不是二进制图像(然后说它是一个 image/png)您可以先将其转换为 something like this首先。