VUE前端如何实现Excel表格的导入导出?

exportOpera(res, fileName, flag) {

const self = this;

let content;

let blob;

if (Object.prototype.toString.call(res) === "[object Function]") {

content = res();

const fr = new FileReader();

blob = new Blob([content]);

fr.readAsText(blob);

fr.onload = function (e) {

const responseJSON = JSON.parse(e.target.result);

self.exportSwitch(responseJSON.resultCode, flag);

};

} else {

content = res;

blob = new Blob([content]);

if ("download" in document.createElement("a")) {

// 非IE下载

const elink = document.createElement("a");

elink.download = fileName;

elink.style.display = "none";

elink.href = URL.createObjectURL(blob);

document.body.appendChild(elink);

elink.click();

URL.revokeObjectURL(elink.href); // 释放URL 对象

document.body.removeChild(elink);

} else {

// IE10+下载

navigator.msSaveBlob(blob, fileName);

}

}

},

exportSwitch(resultCode, flag) {

if (flag === "exportLogData") {

resultCode === 10001 ?

this.alertNotify(false, {

text: "下载",

message: "系统异常"

}) :

this.redirectLogin();

}

},

redirectLogin() {

removeLocalStorage("smoke_session_token");

this.resetState();

this.$router.replace({

path: "/login",

query: {

redirect: this.$router.currentRoute.fullPath

}

});

this.$message.error("登录已失效,请重新登录!");

if (window.stompClient) {

window.stompClient.disconnect();

delete window.stompClient;

}

},

原文地址:https://www.cnblogs.com/haojf/p/9834850.html

时间: 2024-10-16 16:12:48

VUE前端如何实现Excel表格的导入导出?的相关文章

excel表格数据导入导出

/** * 导出数据到excel表格 * Created by shenjianhua on 2018-12-28 */ package com.luer.comm.excel; import java.io.FileOutputStream;import org.apache.poi.hssf.usermodel.HSSFCell;import org.apache.poi.hssf.usermodel.HSSFCellStyle;import org.apache.poi.hssf.user

Excel表格的导入导出

excel.Application app = new excel.Application(); app.SheetsInNewWorkbook = 2; app.Workbooks.Add(); Worksheet sheet1 = (Worksheet)app.ActiveWorkbook.Worksheets[1]; sheet1.Name = "Hello Word"; sheet1.Cells[1, 1] = "Welcome To Excel"; Wor

使用phpExcel实现Excel数据的导入导出(完全步骤)

使用phpExcel实现Excel数据的导入导出(完全步骤) 很多文章都有提到关于使用phpExcel实现Excel数据的导入导出,大部分文章都差不多,或者就是转载的,都会出现一些问题,下面是本人研究phpExcel的使用例程总结出来的使用方法,接下来直接进入正题. 首先先说一下,本人的这段例程是使用在Thinkphp的开发框架上,要是使用在其他框架也是同样的方法,很多人可能不能正确的实现Excel的导入导出,问题基本上都是phpExcel的核心类引用路径出错,如果有问题大家务必要对路劲是否引用

SSM excel文件的导入导出

对于excel文件的导入导出,后台接收读取和建表封存都是固定死的,所以对于excel导入时,excel文件内容必须匹配后台相关对象,不然报错. excel文件导出,用<a><a/>标签即可,通过后台去完成 ,不可用ajax去写导出,ajax请求只是个"字符型"的请求,即请求的内容是以文本类型存放的. 文件的下载是以二进制形式进行的,ajax没法解析后台返回的文件流,所以无法处理二进制流response输出来下载文件. 当获取前台导入这个命令后,会通过Mybati

用多线程优化Excel表格数据导入校验的接口

公司的需求,当前某个Excel导入功能,流程是:读取Excel数据,传入后台校验每一条数据,判断是否符合导入要求,返回给前端,导入预览展示.(前端等待响应,难点).用户再点击导入按钮,进行异步导入(前端不等待,好做).当前接口仅支持300条数据,现在要求我要支持3000条数据. 解决问题,思路是关键. 首先,查看接口,找到读取表格的位置,看到判断,如果数据量大于300,直接返回.把300改成3000. 然后,分析导入数据校验,都是和哪些数据进行校验的,这些数据都是从数据库来的.每一次都从数据库查

将包含经纬度点位信息的Excel表格数据导入到ArcMap中并输出成shapefile

将包含经纬信息的Excel表格数据,导入到ArcMap中并输出成shapefile,再进行后面的操作.使用这种方法可以将每一个包含经纬信息的数据在ArcMap中点出来. 一.准备数据 新建Excel表格,保存时设置后缀名为.xls(即2003Excel的表格).在表格首行建立各字段名,其中要包含经度和纬度的信息,用于在地图中标定位置.录入各记录属性,整理成表. 二.ArcMap中添加x-y事件 在打开的对话框中选择数据表和x.y对应的经度.纬度.选择坐标系统,这里因为我们的x,y对应的数据是经纬

java项目中Excel文件的导入导出

1 package poi.excel; 2 3 import java.io.IOException; 4 import java.io.InputStream; 5 import java.io.OutputStream; 6 import java.lang.reflect.Field; 7 import java.lang.reflect.Method; 8 import java.util.ArrayList; 9 import java.util.List; 10 11 import

MFC ListControl 与 Excel 数据的导入导出

ListControl View类型选择Report void CExcelTestDlg::OnBnClickedInput() { // TODO: Add your control notification handler code here CFileDialog dlg( TRUE,//TRUE或FALSE.TRUE为打开文件:FALSE为保存文件 _T("xls"), //为缺省的扩展名 _T( "FileList"), //为显示在文件名组合框的编辑框

在 Laravel 5 中使用 Laravel Excel 实现 Excel/CSV 文件导入导出功能(转)

1.简介 Laravel Excel 在 Laravel 5 中集成 PHPOffice 套件中的 PHPExcel ,从而方便我们以优雅的.富有表现力的代码实现Excel/CSV文件的导入和 导出 . 该项目的GitHub地址是: https://github.com/Maatwebsite/Laravel-Excel . 本文我们将在Laravel中使用Laravel Excel简单实现Excel文件的导入和导出. 2.安装&配置 使用Composer安装依赖 首先在Laravel项目根目录