码迷,mamicode.com
首页 > 其他好文 > 详细

导入导出

时间:2019-06-18 10:45:57      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:form   files   ble   别名   Fix   efs   cep   log   设置   

1.安装 npm install -S file-saver xlsx  和  npm install -D script-loader

2.在项目src目录下新建一个文件夹vendor(名字随意),在此文件夹下放置两个文件Blob.js和Export2Excal.js(下载地址:http://files.cnblogs.com/files/luyuefeng/vendor.rar

导出文件
exportExcel() { //兼容ie10哦!   require.ensure([], () => {         const { export_json_to_excel } = require(‘../../vendor/Export2Excel‘);  //引入文件       const tHeader = [‘姓名‘, ‘工号‘, ‘部门‘]; //将对应的属性名转换成中文 //const tHeader = [];  const filterVal = [‘name‘, ‘jobNumber‘, ‘department‘];//table表格中对应的属性名          const list = exportData;  //想要导出的数据       const data = this.formatJson(filterVal, list);         export_json_to_excel(tHeader, data, ‘列表excel‘); }) },
formatJson(filterVal, jsonData) {
    return jsonData.map(v => filterVal.map(j => v[j]));
}

3.导入文件

<input id="upload" type="file" @change="importfxx()"  accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
importfxx(obj) {
       let _this = this;
       let inputDOM = this.$refs.inputer;
       // 通过DOM取文件数据
       this.file = event.currentTarget.files[0];
      var rABS = false; //是否将文件读取为二进制字符串
      var f = this.file;
      var reader = new FileReader();
       FileReader.prototype.readAsBinaryString = function(f) {
            var binary = "";
            var rABS = false; //是否将文件读取为二进制字符串
            var pt = this;
            var wb; //读取完成的数据
            var outdata;
            var reader = new FileReader();
            reader.onload = function(e) {
                var bytes = new Uint8Array(reader.result);
                var length = bytes.byteLength;
                for(var i = 0; i < length; i++) {
                    binary += String.fromCharCode(bytes[i]);
                }
                var XLSX = require(‘xlsx‘);
                if(rABS) {
                    wb = XLSX.read(btoa(fixdata(binary)), { //手动转化
                        type: ‘base64‘
                    });
                } else {
                    wb = XLSX.read(binary, {
                        type: ‘binary‘
                    });
                }
                outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
                let importList = _this.dateTransition(outdata);
       }
            reader.readAsArrayBuffer(f);
        }
        if(rABS) {
            reader.readAsArrayBuffer(f);
        } else {
            reader.readAsBinaryString(f);
        }
};
// 将对应的中文key转化为自己想要的英文key
dateTransition(outdata) {
  let list = [];
  var obj = {};
  for(var i = 0; i < outdata.length; i++) {
    obj = {};
    for(var key in outdata[i]) {
      if(key == ‘工号‘) {
        obj[‘jobNumber‘] = outdata[i][key];
      } else if(key == ‘姓名‘) {
        obj[‘name‘] = outdata[i][key];
      } else if(key == ‘部门‘) {
        obj[‘department‘] = outdata[i][key];
      }
    }
    list.push(obj);
  }
  return list;
};

 如果有报错要改下路径

require(‘./Blob.js‘);

要在main中引入这两个js

在别名设置的里面设置两js的路径

导入导出

标签:form   files   ble   别名   Fix   efs   cep   log   设置   

原文地址:https://www.cnblogs.com/joer717/p/11043776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!