Hi, I'm trying to get the image meta data like blob etc., using one of canvas images url via fetch request , (It happens only in chrome and safari, not in firefox)
like below
fetch('https://instructure.com/canvas-image-url').then(res.blob());
What happened is like, I'm getting Corss origin error like below on trying with some of images, on the other hand some images working properly.
Access to fetch at 'https://instructure-uploads.s3.amazonaws.com/account_xxxxxxxx/attachments/xxx/Dorothea%20Lange.jpg?response-content-disposition=attachmentxxxxxxxx' (redirected from 'https://xxxxx.instructure.com/files/12345/download?download_frd=1&verifier=1phLgv8yv6tJQRggzfHV0Jgb15TRVSj6pXFVwjjy') from origin 'https://xxxxxx.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Need your helps and hands asap guys.
This discussion post is outdated and has been archived. Please use the Community question forums and official documentation for the most current and accurate information.