vue前端实现base64转excel格式文件并下载

明天。。。

已于 2022-04-26 16:51:11 修改

阅读量4.3k

点赞数 8

分类专栏： Element 文章标签： vue.js 前端 elementui

于 2021-12-30 15:51:47 首次发布

本文链接：https://blog.youkuaiyun.com/m0_53756162/article/details/122238642

版权

这篇博客介绍了如何在Vue中通过JS实现Base64编码的Excel文件转换为Blob，然后通过创建a标签下载。提供了两种方法，推荐使用第一种，因为它具有更好的兼容性，而第二种方法可能会在低版本Office中导致错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

base64ToFile的js文件


const util = {
  // 创建一个a标签，并做下载点击事件
  downloadFile: function(blob, fileName) {
    const link = document.createElement('a')
    link.href = window.URL.createObjectURL(blob)
    link.download = fileName
    // 此写法兼容可火狐浏览器
    document.body.appendChild(link)
    const evt = document.createEvent('MouseEvents')
    evt.initEvent('click', false, false)
    link.dispatchEvent(evt)
    document.body.removeChild(link)
  },
  // 将Base64文件转为 Blob
  buildBlobByByte: function(data) {
    const raw = window.atob(data)
    const rawLength = raw.length
    const uInt8Array = new Uint8Array(rawLength)
    for (let i = 0; i < rawLength; ++i) {
      uInt8Array[i] = raw.charCodeAt(i)
    }
    return new Blob([uInt8Array])
  },
  // 二进制数组 生成文件
  downloadFileByByte: function(data, fileName) {
    const blob &

最低0.47元/天解锁文章