Froala editor, rename the file while upload

Question

Currently I'm using the froala editor with Angular and upload the file using AWS S3 service.

I want to rename the file before its upload to S3. So I use the event which is already present in froala, which is 'file.beforeUpload'

I'm getting the object as 'FileList'. With that I can't change the filename.

With that event I couldn't rename the file. Anyone help on this?

Have you tried this ? https://stackoverflow.com/questions/52078853/is-it-possible-to-update-filelist — Ostn, Apr 04 '20 at 09:11

score 1 · Accepted Answer · answered Apr 06 '20 at 17:52

Actually froala editor itself appending the timestamp before the file name to avoid naming issue.

You have two option on front-end as well as in back-end,

Front-end:

After getting the AWS hash key, you're setting the value like this,

this.options['imageUploadToS3'] = aws_hash_key;

before this, you can update the keyStart value by using the properties,

data.KeyStart = your_unique_name_come_here;

Back-End:

While getting the AWS hash key API itself you can set the unique name as start value, like this,

const configs = {
    bucket: 'stackOverflow',
    region: 'us2-west',
    keyStart: / + `your_unique_name_come_here`,
    acl: 'public-read',
    accessKey: XXXXXXXXXXXXXXXXXXXX,
    secretKey: XXXXXXXXXXXXXXXXXXXX
  };
  return FroalaEditor.S3.getHash(configs);

Froala editor, rename the file while upload

1 Answers1