Using Uploadify to POST Directly to Amazon S3

前端 未结 3 1713
陌清茗
陌清茗 2021-01-18 11:19

Can anyone tell me how to use Uploadify to upload directly to Amazon S3?

My code is as follows:

$(\'#fileInput\').uploadify({
  \'fileDataName\' : \'         


        
相关标签:
3条回答
  • 2021-01-18 12:08

    From this thread the uploadify forum:

    <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>
    

    The base for the policy string is as follows:

    { "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]
      ]
    }
    
    0 讨论(0)
  • 2021-01-18 12:08

    I managed to get a direct upload to Amazon S3 with progress bar working ive got a working demo here.

    If anyone is interested it will support buckets and folders within bucket working on producing a wordpress plugin for this.

    This is using swfupload, tho working on uploadify ill post when its done.

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

    0 讨论(0)
  • 2021-01-18 12:17

    this is the java code for saving image into s3cloud. add this code into your uploadscript file (like uploadify.php) you will have your own uploadify script file.

    AWSCredentials credentials = new 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);
    
    0 讨论(0)
提交回复
热议问题