Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to implement plupload directly to s3 with 'html5' runtime?
    primarykey
    data
    text
    <p>It is mentioned in this very related question (<a href="https://stackoverflow.com/questions/8463694/upload-directly-to-amazon-s3-using-plupload-html5-runtime">Upload directly to Amazon S3 using Plupload HTML5 runtime</a>) that amazon now allows CORS uploads using HTML5, but has anyone successfully configured plupload to push files to s3 using the 'html5' runtime? Responses to the related question do not offer any implementation details.</p> <p>Here is my current plupload configuration:</p> <pre><code>$("#uploader").plupload({ // General settings runtimes: 'html5,flash', url: 'http://s3.amazonaws.com/' + $('#Bucket').val(), max_file_size: '20mb', multipart: true, multipart_params: { 'key': '${filename}', // use filename as a key 'Filename': '${filename}', // adding this to keep consistency across the runtimes 'acl': $('#Acl').val(), 'Content-Type': 'binary/octet-stream', 'success_action_status': '201', 'AWSAccessKeyId': $('#AWSAccessKeyId').val(), 'policy': $('#Policy').val(), 'signature': $('#Signature').val() }, file_data_name: 'file', multiple_queues: true, filters: [ { title: "Image files", extensions: "jpg,png,gif,jpeg" } ], flash_swf_url: '/Scripts/plupload/plupload.flash.swf', }); </code></pre> <p>The above code is working for the 'flash' runtime, so the policy is generated and signed correctly.</p> <p>Am I missing any arguments in the multipart_params configuration object? </p> <p>Also, I am using the following CORS configuration on my s3 bucket:</p> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"&gt; &lt;CORSRule&gt; &lt;AllowedOrigin&gt;*&lt;/AllowedOrigin&gt; &lt;AllowedMethod&gt;PUT&lt;/AllowedMethod&gt; &lt;AllowedMethod&gt;POST&lt;/AllowedMethod&gt; &lt;AllowedMethod&gt;GET&lt;/AllowedMethod&gt; &lt;AllowedMethod&gt;HEAD&lt;/AllowedMethod&gt; &lt;MaxAgeSeconds&gt;3000&lt;/MaxAgeSeconds&gt; &lt;AllowedHeader&gt;*&lt;/AllowedHeader&gt; &lt;/CORSRule&gt; &lt;/CORSConfiguration&gt; </code></pre> <p>Do I need to make any other configuration changes to the s3 bucket to allow CORS uploads from the 'html5' plupload runtime?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload