Advertisement

导出到Excel表格和下载图片 导出到Excel表格和下载图片

阅读量:

功能达成:前后端协同工作,前端通过调用后端提供的接口实现功能。

  • 当后端返回的数据为base64编码的url时,需先将其转换为二进制格式,随后采用blob方式进行处理;
  • 若后端返回的是文件流或二进制数据流,则可直接使用blob进行处理;

前端将列表导出成excel表格(后端返回的是base64格式的url)

  1. 调用服务器端接口,将列表中的数据传递至后端处理。
  2. 服务器端响应返回一个以base64编码形式表示的网址。
  3. 对该base64编码的网址进行解码,将其转换为二进制数据格式。
  4. 新建一个超链接标签,将解码后的地址作为该标签的href属性值,并为其配置下载功能。
复制代码
    //   /utils.js
    export default{
    	const dataURLtoBlob = function(dataUrl){
    		var blobStr = atob(dataurl)// 解码
    		// 创建长度为n的数组,初始化里面的相都为0,即[0,0,0,...]
    		n = bstr.length,
            u8arr = new Uint8Array(n)
            while (n--){
                ur

全部评论 (0)

还没有任何评论哟~