En utilisant Uploadify à POST Directement à Amazon S3

StackOverflow https://stackoverflow.com/questions/1682825

  •  18-09-2019
  •  | 
  •  

Question

Quelqu'un peut-il me dire comment utiliser Uploadify pour télécharger directement sur Amazon S3?

Mon code est le suivant: 

$('#fileInput').uploadify({
  'fileDataName' : 'file',
  'uploader'  : 'uploadify.swf',
  'script'    : 'http://BUCKET-NAME-GOES-HERE.s3.amazonaws.com/',
  'cancelImg' : 'cancel.png',
  'method'    : 'post',
  'auto'      : true,
  'onError': function (a, b, c, d) {
    alert('error '+d.type+": "+d.info + ' name: ' + c.name + ' size: ' + c.size);
  },
  'scriptData' : {
    'AWSAccessKeyId': "KEY-GOES-HERE",
    'key': "${filename}",
    'acl': "public-read",
    'policy': "POLICY-STRING-GOES-HERE",
    'signature': "SIGNATURE-GOES-HERE",
    'success_action_status': '200'
  }
});

Mon (non codée) chaîne de politique ressemble à ceci: 

{
  "expiration": "2100-12-01T12:00:00.000Z",
  "conditions": [
    {"acl": "public-read"},
    {"bucket": "BUCKET-NAME-GOES-HERE"},
    {"success_action_status" : 200},
    ["starts-with", "$filename", ""],
    ["starts-with", "$folder", ""],
    ["starts-with", "$key", ""],
    ["content-length-range", 1, 209715200]
  ]
}

En utilisant le code ci-dessus me permet en fait de sélectionner un fichier, qu'il apparaît alors à télécharger (quelque part), mais rien ne montre dans mon seau S3 et aucune erreur ne retourne à la console JS.

L'utilisation d'un formulaire HTML régulier pour poster un fichier dans le seau S3 fonctionne très bien.

Un conseil?

Était-ce utile?

La solution

A partir de cette fil le forum Uploadify: 

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="jquery.uploadify.v2.1.0.js"></script>
<link rel="stylesheet" href="uploadify.css" type="text/css" media="screen" />
</head>

<body>
<form>
<input id="fileInput" name="fileInput" type="file" />
</form>
<script type="text/javascript">// <![CDATA[
   $(document).ready(function() {
      $('#fileInput').uploadify({
         'fileDataName' : 'file',
          'uploader'  : 'uploadify.swf',
          'script'    : 'http://UPLOADBUCKET/',
          'cancelImg' : 'cancel.png',
          'auto'      : true,
          'onError' : function(errorObj, q, f, err) { console.log(err); },

          'scriptData' : {
              AWSAccessKeyId: "ACCESS_KEY",
             key: "foo/${filename}",
             acl: "public-read",
             policy: "POLICY STRING"
             signature: "SIGNATURE,
                success_action_status: '200'
             }

          });
    });
// ]]></script>
</body>

</html>

La base de la chaîne de la politique est la suivante: 

{ "expiration": "2100-12-01T12:00:00.000Z",
"conditions": [
  {"acl": "public-read" },
  {"bucket": "UPLOADBUCKET" },
  {"success_action_status" : '200'},
    ["starts-with", "$filename", "" ],
    ["starts-with", "$folder", "" ],
    ["starts-with", "$key", "foo"],
    ["content-length-range", 1, 209715200]
  ]
}

Autres conseils

J'ai réussi à obtenir un chargement direct sur Amazon S3 avec barre de progression travail Ive a obtenu une démonstration de travail ici.

Si quelqu'un est intéressé, il soutiendra des seaux et des dossiers dans un seau de travail sur la production d'un plugin wordpress pour cela.

est d'utiliser SWFUpload, quoique travaillant sur le post mal Uploadify quand son fait.

http: // www. isimpledesign.co.uk/blog/amazon-s3-direct-multiple-file-upload-progress-bar

est le code java pour enregistrer l'image dans s3cloud. ajoutez ce code dans votre fichier uploadscript (comme uploadify.php), vous aurez votre propre fichier de script Uploadify.

AWSCredentials credentials = nouveaux AWSCredentials (_ACCESS_KEY,                 _SECRET_KEY); 

    log.info("oovfilepath : " + oovfilepath);
    log.info("name : " + name);
    S3Service s3Service = new RestS3Service(credentials);
    S3Bucket s3Bucket = s3Service.createBucket(_BUCKET_NAME);
    AccessControlList bucketAcl = s3Service.getBucketAcl(s3Bucket);
    bucketAcl.grantPermission(GroupGrantee.ALL_USERS,
            Permission.PERMISSION_READ);

    InputStream input = new FileInputStream(oovfilepath);

    S3Object s3Object = new S3Object(s3Bucket, name);
    log.info("s3Object:" + s3Object);

    s3Object.setAcl(bucketAcl);
    s3Object.setDataInputStream(input);

    log.info("s3Object:" + s3Object);

    s3Service.putObject(s3Bucket, s3Object);
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top