Usando Uploadify para publicar directamente a Amazon S3

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

  •  18-09-2019
  •  | 
  •  

Pregunta

Puede alguien decirme cómo usar Uploadify para subir directamente a Amazon S3?

Mi código es el siguiente: 

$('#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'
  }
});

Mi cadena de la política (sin codificar) tiene el siguiente aspecto: 

{
  "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]
  ]
}

Usando el código anterior en realidad me permite seleccionar un archivo, que luego aparece para cargar (en algún lugar), pero no aparece nada en mi depósito de S3 y no hay errores se devuelve a la consola JS.

El uso de un formulario HTML normal para escribir un archivo en el depósito de S3 funciona bien.

Cualquier consejo?

¿Fue útil?

Solución

A partir de este hilo el foro 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 cadena de la política es la siguiente: 

{ "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]
  ]
}

Otros consejos

Me las arreglé para conseguir una carga directa a Amazon S3 con el ive de trabajo barra de progreso dieron una demostración de trabajo aquí.

Si alguien está interesado que apoyará cubos y carpetas dentro de cubo de trabajo en la producción de un plugin de WordPress para esto.

Este es el uso de swfupload, aunque trabajando en uploadify puesto enfermo cuando se hace.

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

este es el código java para guardar la imagen en s3cloud. añadir este código en su archivo uploadscript (como uploadify.php) tendrá su propio archivo de script uploadify.

credenciales AWSCredentials = nuevos 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);
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top