关于 Safari 无法下载 pdf 文件的问题

最新推荐文章于 2022-07-06 22:55:34 发布

原创最新推荐文章于 2022-07-06 22:55:34 发布 · 9.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Safari #pdf

Compatibility Issues 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了在iOS设备上，尤其是iOS 11.4版本的Safari浏览器中，无法弹出文件下载对话框的问题。通过分析开源工具FileSaver.js的相关讨论，揭示了在Safari中使用download属性的限制，并提供了几种可能的解决方案，包括使用Blob、Base64链接和window.open方法来尝试在新标签页中打开文件，以实现文件保存。

测试了很长时间，使用了各种方法，后来在一开源下载工具FileSaver.js的讨论中了解到苹果这边目前暂不支持

有用的讨论信息

No there is no alternative package if there where we would have fixed it already and the question have brought up many times.
So there is nothing we can do except to wait for ios to fix it
and since there is nothing to do i will close this.

But still, it does not show or popup the Download File dialog on IOS 11.4. I tried Safari, Chrome, and Firefox and all behaves in the same way. All the 3 browsers open the text file content in a new tab generating some weird filename which is visible on the tab title bar as well as in the URL bar.
Any idea of how can I popup a download file dialog to save the Text file in IOS? I am using AngularJS for my App Development.

So the conclusion here about safari is

download attribute in safari is not supported
It will try other means to save the blob by opening a new url
If the mimetype can be rendered by safari it will be able to display it in a new tab
If the mimetype is application/octet-stream:
4.1 Create a base64 link with FileReader api
4.2 try to open a new tab using window.open + base64 url
4.3 if it was more then 1 sec before the user interaction happened it will use the current page instead
but that is likely going to fail because (see first example using location.href) Failed to load resource: Frame load interrupted This may still work if the mimetype is not application/octet-stream and the saveAs was not called synchronous
Safari don’t have anything like msSaveAs()
safest way to force the file to be saved is to have a data:attachment/file" + base64 ready and open that link using window.open() when the user interacts with the website (or at least to it under 1 second)
when saving it as a attachment filename will be “unknown”

I suppose that the opening in new tab is expected behavior for Safari <12 on iOS because the browsers do not have an access to file system. This gives the user a chance to save a file with an additional click to the cloud storage.