在移动设备上从 Angular 下载 Word .docx 作为 Blob 文件

Question

我正在尝试从 Angular 应用程序中的 REST API (.NET Core FileContentResult) 下载 .docx 文件。在 PC 上一切正常，但在 VMware Workspace ONE Web 浏览器中下载 .docx 文件时出现问题（没有尝试 Chrome 或 Safari 等标准浏览器，看起来只有 Android WebView）。这是公司应用程序，此浏览器是唯一允许的。

问题仅在于 .docx 文件。 PDF、.doc 和 .xlsx（由ClosedXML 创建）等文件运行良好。

REST API 调用（也尝试使用“arraybuffer”而不是“blob”并在客户端创建 Blob 对象，但问题仍然存在）

this.httpClient.get(requestUrl, {
  responseType: 'blob',
  observe: 'response'
});

然后我用FileSaver 保存响应正文。

generateDocument(file: string | Blob, name: string): void {
  FileSaver.saveAs(file, name);
}

• 我还尝试了创建链接并单击它的方法（它不起作用）。
• 使用 window.open(blobUrl) 的解决方案不起作用。

编辑：

• 我得到的信息是它在 iOS 中使用相同的浏览器根本不工作。用户收到错误消息“链接无效。”

有人可以帮我解决这个问题吗？谢谢。

Answer 1

如果您可以检索获得ArrayBuffer，则可以使用这些字节来启动下载：

在这里测试：https://batman.dev/static/70085191/

async function downloadUrl(url) {
  downloadBuffer(
    await (await fetch(url)).arrayBuffer()
  )
}

function downloadBuffer(arrayBuffer) {
  const a = document.createElement('a')
  a.href = URL.createObjectURL(new Blob(
    [ arrayBuffer ],
    { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }
  ))
  a.download = 'my-file.docx'
  a.click()
}