I want to allow a user to save an image on one page/state of my app and then programmatically call that image on a different page/state of my app. I considered three approaches thus far for saving the image but none of them seem to be working for me:
Next I thought of saving images in the cloud and then just pointing to them in html. I tried Cloudinary but it took way to long just to figure how to assemble their Angularjs plugin and then it was missing any sort of documentation on how to actually execute anything meaningful. Afterward I considered Flickr, which was much easier to get started but again they were missing an example I could easily apply to my basic case.
Finally, it occurred to me that maybe I could just save the image in a local directory with a matching reference in the database like any other asset I might call for my app. Thus far I've not been able to figure out how to do this. I started trying to upload the image with $http. It didn't work so I looked into ng-file-upload and ngStorage. Neither one has good application examples or great documentation. Finally, I tried this tutorial but got the dreaded Access Control Allow Origin error. Moreover, it's not clear to me which, if either is the right solution for this problem.
I'm not sure if any of these are the right approach. Please share with me which approach is the one will work to allow a user to save an image file that can later be called. If any of the aforementioned approaches work, please add some detail that may allow me to progress.