如何将锚点 href 调用重定向到索引数据库并下载文档

Question

有什么方法可以拦截从href 标签发起的调用，并从索引db 读取内容并下载文件。

场景 当用户要求获取离线内容时，我正在设计一个离线应用程序。当用户点击href 标签时，

<a href='http://downlod.com/downloaddcoument'>download</a>

它应该读取保存在索引数据库中的响应并下载文件，在服务工作者中，获取选项无法跟踪此调用，因此无法进行

我尝试使用$http.get 并收到响应但无法下载文件。

任何提示链接都会有很大帮助，谢谢

Answer 1

为此，您已经像这样进行了下载调用，然后将触发 fetch 事件，您可以将响应推送到索引数据库，并且在离线时您可以从索引数据库中读取

downloadfile() {
        var self = this;
        var getComment = 'http://localhost/CommentService/api/Products/GetbookFor?format=xlsx';
        this.httpservice.get(getComment).then(function (response) {
            self.saveData(response.data, "sampleFile.xlsx");
        });  
    }

saveData = (function () {
    var a = document.createElement("a");
    document.body.appendChild(a);
    // a.style = "display: none";
    return function (data, fileName) {
        var json = JSON.stringify(data),
            blob = new Blob([json], { type: "octet/stream" }),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;  
        a.click();
        window.URL.revokeObjectURL(url);
    };
}());