zoukankan      html  css  js  c++  java
  • vue表格导入

    <input id="upload" type="file" @change="importfxx(this)"  accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />

    importfxx(obj) {
    let _this = this;
    console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxx1");
    let inputDOM = this.$refs.inputer;
    // 通过DOM取文件数据

    this.file = event.currentTarget.files[0];

    var rABS = false; //是否将文件读取为二进制字符串
    var f = this.file;

    var reader = new FileReader();
    //if (!FileReader.prototype.readAsBinaryString) {
    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]]);

    _this.users =outdata; //将数据绑定到表格
    }
    reader.readAsArrayBuffer(f);
    }
    if(rABS) {
    reader.readAsArrayBuffer(f);
    } else {
    reader.readAsBinaryString(f);
    }
    }

  • 相关阅读:
    关于React的脚手架
    yarn和npm
    谈谈NPM和Webpack的关系
    php开发环境和框架phalcon的搭建
    Centos6.5--svn搭建
    System.Diagnostics.Process.Start(ProcessStartInfo)
    PHP错误:call to undefined function imagecreatetruecolor
    PostgreSQL删除表中重复数据行
    URL存在http host头攻击漏洞-修复方案
    for循环的执行顺序
  • 原文地址:https://www.cnblogs.com/wangyunhui/p/7371956.html
Copyright © 2011-2022 走看看