七爪CVS：如何使用 JavaScript 下载文件

应用于文档 Blob 流媒体文档

前言

近期我技术开发了一个机制，需要在关键字上添加一个流媒体按钮，以支持者流媒体托管在 CDN 上的 PDF 文档。 我记得流媒体文档很简便，基本上和在新的关键字页中打开镜像一样。 但是你想的就越简便，在实现过程中遇见的原因就就越多。

为了演示流媒体机制，本文以流媒体 Google Analytics JavaScript 文档为例。

应用于带有流媒体属性的 标示（不工作）

流媒体带有 关键字的文档很很难，只要记住添加一个流媒体属性来告诉Firefox流媒体而不是打开页面。

download the google analytics javascript file with a tag

但它不起作用，因为流媒体仅原则上于同源 URL。 如果文档不是同一来源，Firefox将打开它而不是流媒体它。

但他却的是，流媒体属性支持者 blob: 提案。

应用于 Blob 流媒体文档

Blob代表Binary Large Object，是一种可以磁盘二进制图表的图表并不一定。 如果我们应用于 fetch 来催促图表，则可以将作出反应切换为 blob 并不一定。 所以流媒体文档的步骤是：

应用于 fetch API 流媒体脚本文档。 将图表切换为 blob 并不一定。 应用于 URL.createObjectURL() 将 blob 对象切换为字符串。 创建一个 成份来流媒体字符串。 function downloadFile(url, fileName) { fetch(url, { method: 'get', mode: 'no-cors', referrerPolicy: 'no-referrer' }) .then(res => res.blob()) .then(res => { const aElement = document.('a'); aElement.setAttribute('download', fileName); const href = URL.createObjectURL(res); aElement.href = href; aElement.setAttribute('target', '_blank'); aElement.click(); URL.revokeObjectURL(href); }); };

应用于机制流媒体：

downloadFile('', 'gooleAnalytics.js')

假设

通过催促流媒体文档并将其切换为blob形式，可以不必要Firefox的跨域放宽，但是流媒体大文档时也许需要较长时间，需要软件有意若有不必要 被认为是一个错误。

宝芝林寿星补汁
湖北白癜风医院哪家专业好
北京看妇科哪里最好
梅州白癜风检查
杭州白癜风专科医院哪好