3

我有一个管理员控制面板,管理员用户可以在其中设置一些选项,然后单击一个按钮来运行报告。报告应向用户返回 CSV 文件下载提示。

我正在使用ui-router$resource服务。响应标头/mime 类型设置正确,但$resource处理程序将 CSV 文件作为文本返回(未启动文件下载)。

我尝试通过从 中形成查询字符串来直接创建下载链接$scope,但不幸的是,我的 API 的身份验证方案使用自定义 HTTP 标头令牌,并且无法通过锚标记将其发送到 API(也在另一个子域上),比如这个:

<a href="http://example.com/admin/report/csv?usertype=1&days=5">Run</a>

有没有办法使用 XHR 请求(带有自定义标头)启动文件下载提示?

4

1 回答 1

4

我正在使用自定义标头令牌,因此无法通过简单链接下载报告;该请求必须通过XHR. 我的两部分解决方案:

  1. 直接从 API 以文本形式返回 CSV 数据,删除文件attachment头。无论如何,这是正确的解决方案,因为它使 REST JSON API 不关心文件下载,这是一个浏览器概念。

  2. 将 API 响应数据包装在一个Blob中,然后使用https://github.com/eligrey/FileSaver.js启动文件下载。

一个缺点是这需要 IE10+,但在我的情况下没问题。

于 2013-11-29T03:53:30.563 回答