Comment faire pour télécharger sur AWS S3 directement à partir du navigateur à l'aide d'un pré-signé URL à la place des pouvoirs?

Calme de la vieille question, mais ça m'a aidé un peu pour le faire finalement fait.
Ma solution est basé sur PHP et JavaScript avec jQuery.

J'ai la solution complète joliment enveloppé à https://github.com/JoernBerkefeld/s3SignedUpload mais voici l'essentiel:

api.php:

<?php
require_once '/server/path/to/aws-autoloader.php';
use Aws\Common\Aws;

$BUCKET = "my-bucket";
$CONFIG = "path-to-iam-credentials-file-relative-to-root.php"

function getSignedUrl($filename, $mime) {
    $S3 = Aws::factory( $CONFIG )->get('S3');
    if(!$filename) {
        return $this->error('filename missing');
    }
    if(!$mime) {
        return $this->error('mime-type missing');
    }
    $final_filename = $this->get_file_name($filename);
    try {
        $signedUrl = $S3->getCommand('PutObject', array(
            'Bucket' => $BUCKET,
            'Key' => $this->folder . $final_filename,
            'ContentType' => $mime,
            'Body'        => '',
            'ContentMD5'  => false
        ))->createPresignedUrl('+30 minutes');
    } catch (S3Exception $e) {
        echo $e->getMessage() . "\n";
    }
    $signedUrl .= '&Content-Type='.urlencode($mime);
    return $signedUrl;
}


echo getSignedUrl($_GET['filename'],$_GET['mimetype']);

assurez-vous de ajouter l'authentification de l'utilisateur à votre api.php. Sinon tout le monde qui sait le chemin d'accès à ce fichier peut télécharger des fichiers sur votre seau.

credentials.inc.php:

<?php
return array(
    'includes' => array('_aws'),
    'services' => array(
        'default_settings' => array(
            'params' => array(
                'key'    => 'MY-ACCESS-KEY',
                'secret' => 'MY-SECRECT',
                'region'  => 'eu-west-1' //set to your region
            )
        )
    )
);

client.js:

$("input[type=file]").onchange = function () {
    for (var file, i = 0; i < this.files.length; i++) {
        file = this.files[i];
        $.ajax({
            url : s3presignedApiUri,
            data: 'file='+ file.name + '&mime=' + file.type,
            type : "GET",
            dataType : "json",
            cache : false,
        })
        .done(function(s3presignedUrl) {
            $.ajax({
                url : s3presignedUrl,
                type : "PUT",
                data : file,
                dataType : "text",
                cache : false,
                contentType : file.type,
                processData : false
            })
            .done(function(){
                console.info('YEAH', s3presignedUrl.split('?')[0].substr(6));
            }
            .fail(function(){
                console.error('damn...');
            }
        })
    }
};

s3 de la scro paramètres (METTRE & les OPTIONS sont effectivement nécessaires, mais ne peut pas activer les OPTIONS directement...):

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>HEAD</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

Dans le projet, sur ce que je suis aujourd'hui, j'ai l'upload de fichiers par le client directement à S3, dans mon cas ça fonctionne en quelques étapes:

1. demande de pré-signé le formulaire avec les réglages pour l'envoi, à partir du serveur (il est signé sur un serveur, parce que je ne peux pas passer les clés d'accès pour le client, et j'ai aussi besoin d'appliquer certaines limitations à télécharger)
2. télécharger le fichier S3 en utilisant XHR2 (pour les vieux navigateurs, vous pouvez utiliser le hack avec iframe masqué ou navigateur plugins comme flash)

Il est principales parties de code à partir d'elle: https://gist.github.com/zxbodya/3cdabd9172bcc89f8ac5

Je préfère ce nettoyant approche, via github:

Si vous avez déjà un presigned URL générée par le navigateur, vous pouvez tout simplement envoyer une demande XHR avec cette URL et la charge utile de l'upload. S3. Le SDK ne serait pas nécessaire pour ce faire. JQuery exemple ci-dessous:

$.ajax({
  url: presignedUrl, //the presigned URL
  type: 'PUT',
  data: 'data to upload into URL',
  success: function() { console.log('Uploaded data successfully.'); }
});