美文网首页
vue中 使用 js-xlsx 实现文件上传

vue中 使用 js-xlsx 实现文件上传

作者: wlianfu | 来源:发表于2018-06-13 14:13 被阅读27次
    <input type="file" accept=".xlsx, .xls" @change="changeFile" />
    

    js 代码

    // 文件上传
    changeFile(ev) {
        // console.log('file: ', ev.target.files[0]);
        let f = ev.target.files[0],
          reader = new FileReader();
       reader.onload = (e) => {
          let data = e.target.result;
          // console.log('data: ', data);
          let wb = XLSX.read(data, { type: 'array' });
          // console.log('wb: ', wb);
    
          this.$refs.demo.innerHTML = JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
          let jsonData = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
          // console.log('jsonData: ', jsonData);
        }
        reader.readAsArrayBuffer(f)
    },
    

    相关文章

      网友评论

          本文标题:vue中 使用 js-xlsx 实现文件上传

          本文链接:https://www.haomeiwen.com/subject/okejeftx.html