title: Uploadify giving HTTP Error (403) while saving files direct to Amazon S3
body: <p>Here is the following code of mine <a href="http://www.uploadify.com" rel="nofollow">Uploadify</a>, to upload files direct to <a href="http://aws.amazon.com/s3/" rel="nofollow">Amazon S3</a>:</p>
  
  <pre><code>&lt;html&gt;
       &lt;head&gt;
            &lt;link rel="stylesheet" href="uploadify.css" type="text/css" media="screen" /&gt;
            &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
            &lt;script type="text/javascript" src="jquery.uploadify-3.1.min.js"&gt;&lt;/script&gt;
            &lt;script type="text/javascript"&gt;
               $(function() {
                      $('#file_upload').uploadify({
                          'requeueErrors' : true,
                          'fileDataName'  : 'file',
                          'method'        : 'post',
                          'formData'      : { 
                                              'key': 'uploads/${filename}', 
                                              'AWSAccessKeyId': 'xxxxxxxxxxxxxxxxxxx',    
                                              'bucket': 'mybucket', 
                                              'acl': 'authenticated-read', 
                                              'policy': 'xxxxxxxxxxxxxxxxx', 
                                              'signature': 'xxxxxxxxxxxxx', 
                                               'Content-Type': 'text' 
                                             },
                           'fileObjName'  : 'file',
                           'cancelImg'    : 'cancel.png',
                           'uploader'     : 'http://mybucket.s3.amazonaws.com',
                           'swf'          : 'uploadify.swf',
                           'auto'         : false,
                           'fileType'     : 'text',
                           'onUploadStart': function(file)
                                             {
                                                  console.log('Attempting to upload: ' + file.name);
                                              },
                           'onUploadSuccess': function(file, data, response)
                                              {
                                                   alert('The file was saved to: ' + data);
                                              }
                         });
                });
            &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
         &lt;form&gt;
             &lt;p&gt;&lt;input type="file" name="file_upload" id="file_upload" /&gt;&lt;/p&gt;
             &lt;p&gt;&lt;a href="javascript:$('#file_upload').uploadify('upload')"&gt;Upload Files&lt;/a&gt;&lt;/p&gt;
          &lt;/form&gt;
      &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>When I try to upload the files to <a href="http://aws.amazon.com/s3/" rel="nofollow">Amazon S3</a>, got the following error: <strong>HTTP Error (403)</strong>
  Please help where the problem in the code.</p>