iPhone中的HTML 5下载属性答案

【问题标题】：Html 5 Download attribute in iPhoneiPhone中的HTML 5下载属性
【发布时间】：2018-12-24 19:18:51
【问题描述】：

我有一个要求，我需要在 ionic Progressive Web 应用程序中从服务器下载和查看文件（pdf、word、jpg 等），而无需离开页面。完成它的最好和最简单的方法是什么？

我通过在 android 中使用 html5-Download 属性实现了这一点，但它在 iPhone 中无法正常工作。

任何帮助都会很棒。

问候助教

【问题讨论】：

下载属性不支持10.1以下的版本
是的，你是对的。我可以在 iPhone6+ 中看到文档，但没有返回主应用程序的返回按钮。

标签： angular html ionic2

【解决方案1】：

根据 MDN Web Docs，iOS 上的 Safari 不支持 Download attribute。请参阅：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Browser_compatibility。还需要从同一来源提供要下载的文件。我不熟悉 Ionic 2 或 Angular，但是在常规的 HTML5 Web 应用程序中，我们刚刚使用了target="_blank" 来下载文件。如果您需要保持在同一页面上，只需使用target="_self"。

【讨论】：

【解决方案2】：

即将发布的 iOS 13 将支持下载属性。底层WebKit Bug #102914 现在标记为RESOLVED FIXED。 caniuse.com 还列出了该版本目前支持的功能。因此，像 file-saver 这样的库预计只能在该版本中运行。

【讨论】：

我正在使用 ios 13 beta - 在 safari 中工作（有点），但在 chrome 中没有 :(