在iOS Chrome和Safari

时间:2015-09-01 13:41:42

标签: javascript ios google-chrome blob

我使用docxtemplater库从javascript创建docx文档。

在桌面浏览器上,它运行正常。 在移动设备上,在Android上没问题,但我在iOS上遇到了一些问题。

在iOS上,当我尝试下载或打开文档时,当我看到类型的URL时,会在浏览器中创建一个新选项卡:

blob:http://mylocalServer/987788-3524-33iuhih3334434434

在这个新标签中,我看不到该文件,我无法下载它。

如何在iOS下检索docx文档?

以下是在JS中创建docx文档的代码:

out=doc.getZip().generate({type:"blob"});
// Give a name for the output word document
var outputName = "test.docx" ;
saveAs(out,outputName);

FileSaver.js文件中调用saveAs函数:

当在iOS上完成操作时,我们将抛出此代码:

fs_error = function() {
// don't create more object URLs than needed
if (blob_changed || !object_url) {
    object_url = get_URL().createObjectURL(blob);
}
if (target_view) {
    target_view.location.href = object_url;
} else {
    var new_tab = view.open(object_url, "_blank");
    if (new_tab == undefined && typeof safari !== "undefined") {
        //Apple do not allow window.open, see http://bit.ly/1kZffRI
        view.location.href = object_url
    }
}
filesaver.readyState = filesaver.DONE;
dispatch_all();
revoke(object_url);
}

1 个答案:

答案 0 :(得分:0)

Blob类型应设置为application/vnd.openxmlformats-officedocument.wordprocessingml.document,以便 iOS 11及更高版本上的Safari 可以显示该文档,用户可以手动下载。