Header S3 PUT 命令问题

Question

我正在尝试 server-less 使用 DropzoneJS 上传到 S3。我在使用 AWS Presigned URL 时遇到问题，它表明 x-amz-acl header 未签名。

Javascript:

var dz = new Dropzone("div#upload", {
  url: "tbd",
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: this.getUploadUrl,
  method: 'put',
  sending: function(file, xhr) {
    var _send = xhr.send;
      xhr.setRequestHeader('x-amz-acl', 'public-read');
      xhr.send = function() {
        _send.call(xhr, file);
      }
    },
});

dz.on('processing', function(file) {
  // change url before sending
  this.options.url = file.uploadUrl;
});

function getUploadUrl(file, cb) {
  var params = {
    fileName: file.name,
    fileType: file.type,
  };
  $.getJSON('signput.php', params).done(function(data) {
    var decodedUri = decodeURIComponent(data['signedRequest']);
    if (!data.signedRequest) {
      return cb('Failed to receive an upload url');
    }

    console.log(decodedUri);
    file.uploadUrl = decodedUri;
    cb();
  }).fail(function() {
    return cb('Failed to receive an upload url');
  });
}

PHP（调用以获得预签名 url）：

$fileName = $_GET['fileName'];

$s3Client = new Aws\S3\S3Client([
'version'     => '2006-03-01',
'region'      => 'us-west-2',
'credentials' => [
    'key'    => '__MY__KEY__',
    'secret' => '__MY__SECRET__',
],]);

$cmd = $s3Client->getCommand('PutObject', [
    'Bucket' => '__MY__BUCKET__',
    'Key'    => $fileName
]);

$request = $s3Client->createPresignedRequest($cmd, '+20 minutes');

// Get the actual presigned-url
$url = (string) $request->getUri();

$urlArray['signedRequest'] = $url;
$urlArray = json_encode($urlArray);
echo $urlArray;

我也试过在 Dropzone headers 和 S3 getCommand 中将 x-amz-acl 设置为 public-read，但它不起作用。

我得到的错误：

<?xml version="1.0" encoding="UTF-8"?>
<Error><Code>AccessDenied</Code>
<Message>There were headers present in the request which were not signed</Message>
<HeadersNotSigned>x-amz-acl</HeadersNotSigned>
</Error>

Answer 1

有一个问题 - 我需要将 ACL => 'public-read' 从 JS 代码移到签名请求中。

Dropzone发送函数变成这样：

sending: function(file, xhr) {
    var _send = xhr.send;
    xhr.send = function() {
      _send.call(xhr, file);
    }
  }

PHP 签名请求变为：

$cmd = $s3Client->getCommand('PutObject', [
  'Bucket' => '__MY__BUCKET__',
  'Key'    => $fileName,
  'ACL'   => 'public-read'
]);

感谢迈克尔为我指明了正确的方向。

最终代码供参考...

Javascript:

var dz = new Dropzone("div#upload", {
  url: "tbd",
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: this.getUploadUrl,
  method: 'put',
  sending: function(file, xhr) {
      var _send = xhr.send;
      xhr.send = function() {
        _send.call(xhr, file);
      }
    },
});

dz.on('processing', function(file) {
  // change url before sending
  this.options.url = file.uploadUrl;
});

function getUploadUrl(file, cb) {
  var params = {
    fileName: file.name,
    fileType: file.type,
  };
  $.getJSON('signput.php', params).done(function(data) {
    var decodedUri = decodeURIComponent(data['signedRequest']);
    if (!data.signedRequest) {
      return cb('Failed to receive an upload url');
    }

    file.uploadUrl = decodedUri;
    cb();
  }).fail(function() {
    return cb('Failed to receive an upload url');
  });
}

PHP:

$fileName = $_GET['fileName'];

$s3Client = new Aws\S3\S3Client([
'version'     => '2006-03-01',
'region'      => 'us-west-2',
'credentials' => [
    'key'    => '__MY_KEY__',
    'secret' => '__MY_SECRET__,
],]);


$cmd = $s3Client->getCommand('PutObject', [
  'Bucket' => '__MY_BUCKET__',
  'Key'    => $fileName,
  'ACL'   => 'public-read'
]);

$request = $s3Client->createPresignedRequest($cmd, '+20 minutes');

// Get the actual presigned-url
$url = (string) $request->getUri();

$urlArray['signedRequest'] = $url;
$urlArray = json_encode($urlArray);
echo $urlArray;

Header S3 PUT 命令问题

Header Issue with S3 PUT Command

php

amazon-s3

dropzone.js

aws-sdk