前端快捷下载文件

最新推荐文章于 2026-03-18 00:58:45 发布

原创最新推荐文章于 2026-03-18 00:58:45 发布 · 252 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

笔记

当前文章被收录于：

笔记

26 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用前端技术实现文件下载的方法。通过将后台返回的数据转换为 Blob 对象，并利用 HTML5 的 a 标签特性或者 IE 浏览器的特定 API 来触发文件下载流程。适用于现代浏览器和 IE10 以上版本。

          const content = res.data （后台返回的数据需要前端自行下载文件）
          const blob = new Blob([content])
          const fileName = 'auth.hwkey'
          if ('download' in document.createElement('a')) { // 非IE下载
            const elink = document.createElement('a')
            elink.download = fileName
            elink.style.display = 'none'
            elink.href = window.URL.createObjectURL(blob)
            document.body.appendChild(elink)
            elink.click()
            window.URL.revokeObjectURL(elink.href) // 释放URL 对象
            document.body.removeChild(elink)
          } else { // IE10+下载
            navigator.msSaveBlob(blob, fileName)
          }