I'm facing a challenge in my app where I need to save an image on one page and then retrieve it on another. So far, I have explored three different methods but none of them seem to be working for me:
First, I attempted to use 'Parse.File' with Parse as my database solution for saving images. Unfortunately, I encountered issues and couldn't get it to work as expected. The documentation provided by Parse was quite complex and assumed a higher level of knowledge than I possessed.
Next, I considered storing images in the cloud and linking to them in the HTML code. I experimented with Cloudinary, but struggled to integrate their Angularjs plugin due to lack of detailed documentation. Then I turned to Flickr, which was easier to set up, but didn't offer a simple example that suited my needs.
Lastly, I thought about saving the image locally and referencing it in the database just like any other asset in my app. However, I haven't been successful in implementing this idea yet. I tried uploading the image using $http, looked into ng-file-upload and ngStorage, but found the lack of practical examples and clear instructions frustrating. I even followed a tutorial, only to encounter the Access Control Allow Origin error. I'm unsure if any of these methods are the right approach for my issue. Could you please advise me on the best way to allow users to save and call image files in my app? Any additional details or guidance would be greatly appreciated.