Question

我有一个用base64创建的Blob，我需要将此数据下载为pdf。

我创建了以下代码段：

    var blob = new Blob([byte]);
    var link = document.createElement('a');

    link.href = window.URL.createObjectURL(blob);
    link.target = '_blank';
    var fileName = name + '.pdf';
    link.download = fileName;
    link.click();

它适用于所有浏览器，但iOS上的safari mobile除外。

文件实际上已下载，但名称为“未知”，由于扩展名丢失，因此无法打开。

问题是download attribute对此浏览器和IE缺乏支持。

对于IE，有很多解决方法，但是对于safari / iOS，我却找不到任何解决方法。

您知道如何在此浏览器中下载从base64（不涉及XHR）获得的Blob吗？

谢谢

Answer 1

Safari中的“目标”属性似乎覆盖了“下载”属性。据我所知，目前尚无解决方法。因此，我认为您必须等待几个月后发布的下一个Safari版本（13）。

Answer 2

创建Blob时，您可以尝试传递mime类型。

var blob = new Blob([byte], {type: 'application/pdf'});

reference

编辑：进行澄清，主要问题是：

我需要将此数据下载为pdf

目前，由于this bug无法在safari iOS上下载文件

另一种选择是在浏览器上使用正确的mime类型打开文件，以便它可以显示其内容（然后用户可以根据需要手动下载它）。

我强烈建议您使用FileSaver.js，它可以处理大多数极端情况/多种浏览器支持，以在javascript中保存文件。

Answer 3

按照下面的链接：-

https://caniuse.com/#feat=download

Safari 13 Beta 3已发布，因此您可以对其进行检查，无论它是否有效？

您可以使用 atob 函数从base64下载blob。

atob函数将将base64编码的字符串解码为一个新的字符串，并为二进制数据的每个字节提供一个字符。

您可以通过 FileSaver.js 在本地保存Blob。

您还可以在此处进行检查，这将有所帮助： How to open Blob URL on Chrome iOS

Safari / iOS中“下载”属性的替代

3 个答案: