使用PHP直接从浏览器上传多个文件到AWS S3存储桶

8
我需要制作一个网页表单,可以使用PHP从浏览器直接上传多个文件到我的AWS S3存储桶中。
我找到了一个不错的解决方案来处理单个文件上传(https://www.sanwebe.com/2015/09/direct-upload-to-amazon-aws-s3-using-php-html)。
<?php
$access_key         = "iam-user-access-key"; //Access Key
$secret_key         = "iam-user-secret-key"; //Secret Key
$my_bucket          = "mybucket"; //bucket name
$region             = "us-east-1"; //bucket region
$success_redirect   = 'http://'. $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; //URL to which the client is redirected upon success (currently self) 
$allowd_file_size   = "1048579"; //1 MB allowed Size

//dates
$short_date         = gmdate('Ymd'); //short date
$iso_date           = gmdate("Ymd\THis\Z"); //iso format date
$expiration_date    = gmdate('Y-m-d\TG:i:s\Z', strtotime('+1 hours')); //policy expiration 1 hour from now

//POST Policy required in order to control what is allowed in the request
//For more info http://docs.aws.amazon.com/AmazonS3/latest/API/sigv4-HTTPPOSTConstructPolicy.html
$policy = utf8_encode(json_encode(array(
                    'expiration' => $expiration_date,  
                    'conditions' => array(
                        array('acl' => 'public-read'),  
                        array('bucket' => $my_bucket), 
                        array('success_action_redirect' => $success_redirect),
                        array('starts-with', '$key', ''),
                        array('content-length-range', '1', $allowd_file_size), 
                        array('x-amz-credential' => $access_key.'/'.$short_date.'/'.$region.'/s3/aws4_request'),
                        array('x-amz-algorithm' => 'AWS4-HMAC-SHA256'),
                        array('X-amz-date' => $iso_date)
                        )))); 

//Signature calculation (AWS Signature Version 4)   
//For more info http://docs.aws.amazon.com/AmazonS3/latest/API/sig-v4-authenticating-requests.html  
$kDate = hash_hmac('sha256', $short_date, 'AWS4' . $secret_key, true);
$kRegion = hash_hmac('sha256', $region, $kDate, true);
$kService = hash_hmac('sha256', "s3", $kRegion, true);
$kSigning = hash_hmac('sha256', "aws4_request", $kService, true);
$signature = hash_hmac('sha256', base64_encode($policy), $kSigning);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Aws S3 Direct File Uploader</title>
</head>
<body>
<form action="http://<?= $my_bucket ?>.s3.amazonaws.com/" method="post" enctype="multipart/form-data">
<input type="hidden" name="key" value="${filename}" />
<input type="hidden" name="acl" value="public-read" />
<input type="hidden" name="X-Amz-Credential" value="<?= $access_key; ?>/<?= $short_date; ?>/<?= $region; ?>/s3/aws4_request" />
<input type="hidden" name="X-Amz-Algorithm" value="AWS4-HMAC-SHA256" />
<input type="hidden" name="X-Amz-Date" value="<?=$iso_date ; ?>" />
<input type="hidden" name="Policy" value="<?=base64_encode($policy); ?>" />
<input type="hidden" name="X-Amz-Signature" value="<?=$signature ?>" />
<input type="hidden" name="success_action_redirect" value="<?= $success_redirect ?>" /> 
<input type="file" name="file" />
<input type="submit" value="Upload File" />
</form>
<?php
//After success redirection from AWS S3
if(isset($_GET["key"]))
{
    $filename = $_GET["key"];
    $ext = pathinfo($filename, PATHINFO_EXTENSION);
    if(in_array($ext, array("jpg", "png", "gif", "jpeg"))){
        echo '<hr />Image File Uploaded : <br /><img src="//'.$my_bucket.'.s3.amazonaws.com/'.$_GET["key"].'" style="width:100%;" />';
    }else{
        echo '<hr />File Uploaded : <br /><a href="http://'.$my_bucket.'.s3.amazonaws.com/'.$_GET["key"].'">'.$filename.'</a>';
    }
}
?>
</body>
</html>

它在其目的上表现很好,但我需要一个能够同时上传多个文件的解决方案。

页面上的一条评论指出了一种方法:

如果直接上传到S3,则AWS仅允许您一次上传一个文件。您可以通过将文件输入设置为“多个”并循环遍历每个文件来进行多文件上传,通过AJAX进行多次提交。要做到这一点,您需要在要上传的存储桶上设置CORS,否则,您将被拒绝因为这是一个跨站脚本。正如我刚刚在自己的项目中使其工作的那样,它是可以实现的。

我正在尝试跟随,但不确定他具体提议使用AJAX来使其工作。表单是否在AJAX请求页面上,我只需向其提供文件名即可?

请熟悉此问题的人更详细地向我解释,或者将我引导至其他解决方案。


如果运行 PHP 的 Web 服务器是 EC2 实例,请勿在源代码中包含密钥和秘密密钥。您可以简单地为 EC2 实例分配 IAM 角色,然后可以在不提供任何凭据的情况下调用 SDK。 - Gapton
这个原型只是为了获得所需的功能,最终版本肯定会进行安全保护。现在,关于问题本身,您有什么要补充的吗? :) - Acidon
我花了整整一天的时间才把这个事情做完。我编写了一个PHP脚本,供自己参考和演示。希望它能够对你有所帮助:https://github.com/jinjie/s3-client-upload-demo - Kong Jin Jie
2个回答

0

你应该使用multiple="multiple",同时也要使用name="file[]"

尝试使用:

<form action="http://<?= $my_bucket ?>.s3.amazonaws.com/" method="post" enctype="multipart/form-data">
    <input type="hidden" name="key" value="${filename}" />
    <input type="hidden" name="acl" value="public-read" />
    <input type="hidden" name="X-Amz-Credential" value="<?= $access_key; ?>/<?= $short_date; ?>/<?= $region; ?>/s3/aws4_request" />
    <input type="hidden" name="X-Amz-Algorithm" value="AWS4-HMAC-SHA256" />
    <input type="hidden" name="X-Amz-Date" value="<?=$iso_date ; ?>" />
    <input type="hidden" name="Policy" value="<?=base64_encode($policy); ?>" />
    <input type="hidden" name="X-Amz-Signature" value="<?=$signature ?>" />
    <input type="hidden" name="success_action_redirect" value="<?= $success_redirect; ?>" /> 
    <input type="file" name="file[]" multiple="multiple" />
    <input type="submit" value="Upload File" />
</form>

我有最新的SDK并尝试测试它,但遇到了“找不到类'AmazonS3'”的问题,请问这段代码是哪个版本的AWS SDK?此外,根据SDK说明,我的凭据在ini文件中,我需要将它们放入sdk.class.php中吗?我是否还需要单独加载sdk.class.php - 我认为加载autoload就足够了? - Acidon
另外,提交时它不会将文件移动到服务器上的临时文件夹吗?我需要直接上传到S3,而不上传任何东西到我的服务器。 - Acidon
@Acidon,上传后临时文件会被删除,这是PHP上传的工作方式,没有其他方法可以解决。你可以尝试上传两次文件,但我们不建议这样做,所以必须使用临时文件。 - user8992812
@Acidon请确保你已经安装了Composer SDK和从官网下载的常规SDK! - user8992812
这就是我提问的全部意义,即完全绕过上传到服务器,直接上传到S3。据我所知,我原始帖子中的代码是一个可行的解决方案,只适用于单个文件。我的问题是如何为该解决方案启用多文件上传或提供一种直接上传到S3的替代方法... - Acidon
@Acidon 我现在明白你的意思了,我已经更新了我的答案,请查看! - user8992812

0

您可以使用btoa()将文件编码为base64字符串格式,并将其作为数组发送到服务器,例如:[{"base64encodedFile 1",....,"base64encodedFile n"}]。在ajax请求中一次性发送所有文件。在服务器端,您可以循环遍历该数组,将其解码并逐个作为输入流发送到S3。

我已经在Java中实现了这个功能,效果很好。

Ajax:

$.ajax({
    type: "POST",
    url: "/upload",
    data: [{"base64encodedFile 1",....,"base64encodedFile n"}],
    dataType: "json",
    success: function( data, textStatus, jqXHR) {
      // uploaded
    },
    error: function(jqXHR, textStatus, errorThrown){
      // error
    }
});

服务器端伪代码:

foreach(item in array) {
    decodedFile = base64Decode(item)
    InputStream fis = new ByteArrayInputStream(decodedFile)
    setMetaData() // such as content length, max-age , ...
    PutObjectRequest pro = new PutObjectRequest(getBUCKET_NAME(), 
    fileName, fis, metadata)
    por.setCannedAcl(CannedAccessControlList.PublicRead)
    s3Client.putObject(por)
}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接