Cross-origin image load from cross-enabled site is denied

Question

I\'m trying to use CORS enabled image which is located on cors-enabled site: dropbox.com.
I\'ve got an error: cross-origin image load denied by CORS policy.

Answer 1

The page you're linking to isn't CORS-enabled, but you don't actually want to download that page (which is HTML) anyway. You want the image that is displayed there. A direct link to that file is CORS-enabled: https://dl.dropboxusercontent.com/s/54an0126onoxezj/stone1.png.

The way to convert a share link to a direct link is to change the domain from www.dropbox.com to dl.dropboxusercontent.com. See https://www.dropbox.com/developers/blog/53/programmatically-download-content-from-share-links.