前端实现文件流和json数据的导出功能

文件流

用FileReader对象读取文件

 // 实现导出功能
     var reader = new FileReader()
     reader.readAsDataURL(res)
     reader.onload = function(e) {
     	// 创建a标签
     	var a = document.createElement('a')
     	a.download = '文件名'
     	a.href = e.target.result
     	$("body").append(a)
     	a.click()
     	$(a).remove()
     }
      

创建Blob对象

		const link = document.createElement("a")
        let blob = new Blob([res.data], {
          type: "application/vnd.ms-excel",
        })
        link.style.display = "none"
        link.href = URL.createObjectURL(blob)
        link.download = data.fileName //下载的文件名
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)

json数据导出excel

导出excel方法

github源码地址