Parsing response failed uploading image to s3 bucket

[cbielich]

No matter what I do I get this error.

Parsing response failed

PHP

require 'wysiwyg-editor-php-sdk-master/lib/FroalaEditor.php';
// Configuration object.
$config = array(
  // Your server timezone.
  'timezone' => 'America/Los_Angeles',

  // The name of your bucket.
  'bucket' => 'bucketname',

  // S3 region. If you are using the default us-east-1, it this can be ignored.
  // Read more on: http://docs.aws.amazon.com/general/latest/gr/rande.html#s3_region.
  'region' => 'us-west-2',

  // The folder where to upload the files.
  'keyStart' => 'folder',

  // File access.
  'acl' => 'public-read',

  // AWS keys.
  'accessKey' => '**********************',
  'secretKey' => '******************************************************************'
);
// Compute the signature.

$s3Hash = FroalaEditor_S3::getHash($config);
$s3Hash = json_encode($s3Hash);

Froala

$(function() {
    $('.comment').froalaEditor({
        toolbarButtons: ['insertImage', 'insertFile','insertLink', 'formatBlock', 'fontSize', 'color', 'bold', 'italic', 'underline', 'strikeThrough', 'outdent', 'indent', 'align', 'formatOL', 'formatUL', 'clearFormatting'],
        key: '*************************************************',
        imageUploadToS3: JSON.parse('<?=$s3Hash?>'),
        fileUploadToS3: JSON.parse('<?=$s3Hash?>'),
        imageUploadURL: false,          
    })
    })

CORS

<?xml version="1.0" encoding="UTF-8"?>
    <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>https://www.example.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
    </CORSConfiguration>

[t0milee]

any progress on this?

[SynsoftDev]

Froala team, this needs to be fixed at priority. S3 upload works only for the first 5 minutes unless S3 policy is not expired.

THINGS I'VE TRIED:

• Updating the policy code just before the upload; doesn't works.
• Updating the policy at regular interval of 5 mins; doesn't works.
• Even I was able to update the internal editor instance options for imageUploadToS3 in angular-froala-wysiwyg library and now it's updating the configuration variables of editor but when this library (froala-editor) code makes the request to S3 bucket it sends the older policy value which is expired.

Please make an event like 'imageUploadToS3.refresh()' just like we've for 'placeholder.refresh()'.