在IOS(Iphone/Ipad)移动浏览器上自动下载存储在S3中的图像

Question

希望你们做得很好。

我们正在开发一种功能，客户可以点击下载按钮下载图像。图像存储在S3中，并生成一个公共URL，该URL保存在按钮后面。

类似的东西

<a href="S3Url">Download</a>

当前exp：当客户点击下载按钮时

• 对于桌面-windows/IOS(Mac(-正在进行自动下载
• 当我们在安卓手机浏览器上尝试时，正在进行自动下载
• 当我们在IOS移动浏览器(iPhone/Ipad(上尝试时，文件只是打开的，没有自动下载
• 当我们在MAC上使用chrome切换设备(从技术上讲，它充当移动浏览器(尝试移动浏览器时，自动下载正在发生

因此需要方面的帮助

• 是否可以使用S3公共链接在iPhone/Ipad浏览器中自动下载图像？如果是，我们该如何实现

注意：

• 编写的代码是用JavaScript触发下载的

Sample:
var downloadElement = document.createElement('a');
downloadElement.href = S3Url;
downloadElement.click();

• 尝试过的浏览器有chrome、firefox和safari。不同浏览器的体验是一样的

Answer 1

您可以尝试将download属性添加到链接中。这使它能够在我使用Safari时正常工作。

也许是这样的：

var downloadElement = document.createElement('a');
downloadElement.href = S3Url;
downloadElement.download = "filename.jpg";
downloadElement.click();

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-下载