使用签名的上传URL从浏览器上传到S3失败

Question

我正在尝试直接从浏览器将文件上传到S3。 为此，我正在服务器上生成一个签名的上传URL。

当我尝试使用浏览器将文件上传到生成的url时

var xhr = new XMLHttpRequest();
xhr.open('PUT', signedUrl);     
xhr.send(file);

我收到以下错误

<Error>
  <Code>
    SignatureDoesNotMatch
  </Code>
  <Message>
    The request signature we calculated does not match the signature you provided. Check your key and signing method.
  </Message>
  ...
</Error>

我可以使用curl通过以下命令上传到签名的URL

curl -T <file> -X PUT '<signed-url>'

浏览器将我的请求作为多部分形式的数据发送，这导致了问题。 我该如何解决该问题？

我正在使用以下代码生成签名的URL

var params = {
    Bucket: bucket, 
    Key: s3Key,
    ACL: "authenticated-read",
    Expires: 600
};

S3.getSignedUrl('putObject', params, (err, data) => {
    const returnData = {
        url: data
    };
    reply(returnData);
});

编辑：为了清楚起见，我已允许所有来源在存储桶CORS配置中发送PUT请求。

Answer 1

好的，问题是浏览器在请求标头中发送了Content-Type，但没有为内容类型生成签名的url。 代替这个

var params = {
    Bucket: bucket, 
    Key: s3Key,
    ACL: "authenticated-read",
    Expires: 600
};
S3.getSignedUrl('putObject', params, ...);

我做了这个

var params = {
    Bucket: bucket, 
    Key: s3Key,
    ACL: "authenticated-read",
    Expires: 600,
    ContentType: require('mime').lookup(filename)
};
S3.getSignedUrl('putObject', params, ...);

而且有效！