I’ve currently got our web app’s download setup using the following:
- Download Progress linked to a button using attribute ID
- A dynamic URL link straight to the file
The 1st setup sometimes works but frequently gets the following error on our developer console:
Access to XMLHttpRequest at ‘https://fan2seevideo.s3-ap-southeast-1.amazonaws.com/fan2see/a8Kn7Mrtsl.mp4’ from origin ‘https://fan2see.fun’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
We don’t really recognize a pattern behind these errors, sometimes we get that error in the first 5-10 seconds of loading the page, sometimes the error never goes away. When this setup works, it works for most of the commonly used devices / OSs.
The 2nd setup works if we manually change our file’s content-disposition on S3 to attachment, but for whatever reason it does not work on iOS - the download prompt simply never comes up.
Has anyone else encountered this issue before? We’ve tried everything on S3, but we highly doubt it’s an S3 problem as we set CORS and access to basically no limit. The link also works when we manually visit the URL.