[Feedback] S3 Image Picker On Completed Upload Trigger? about amplify-ui HOT 7 CLOSED

Seriously, amplify-s3-image-picker has ZERO documentation on its API options and how to use it.

from amplify-ui.

I had some help from the aws subreddit, so, basically you need to use a Hub.Listen("storage") for the upload success event. That initially wasn't working until I added the "track" param to the image picker as well. Then i finally received the storage events that the image picker was using. This should definitely be mentioned in the documentation, because the storage events do not fire without the track param added!

Unfortunately, there is not enough customization available with the current image picker, no cropper, no dimension restrictions, no resize ability and no file type restrictions, so I ended up writing a custom image picker using a file input, an image cropper library and the Storage.put method

from amplify-ui.

hi @ucjallen - do you get an error message? Can you provide more info about your environment? Version of Amplify, etc... ? Thank you

from amplify-ui.

Hi @ucjallen - going to re-open this so we can verify this issue and update the S3 Image Picker Docs

from amplify-ui.

@ucjallen thanks for this tip was wondering how to do it and wanted to stay in the confines of the amplify ecosystem.

there should DEFINTELY be a callback function that monitors upload status and returns the file path / signed url.

from amplify-ui.

Here is what my solution ended up looking like for a profile page image component in angular. It is mobile friendly as well. Hopefully this helps anyone that finds this.

I also used an image cropping library as well and got that to work with it. It is setup with cognito as well

https://github.com/ucjallen/s3-image-picker/tree/master

from amplify-ui.

Closing out as the S3 Image Picker component has been deprecated.

from amplify-ui.