vue XLSX 组件使用

// npm install xlsx 安装 xlsx
import XLSX from "xlsx"

function workbook2blob(workbook) {
  // 生成excel的配置项
  var wopts = {
    // 要生成的文件类型
    bookType: "xlsx",
    //是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性
    bookSST: false,
    type: "binary",
  }
  var wbout = XLSX.write(workbook, wopts)

  // 将字符串转ArrayBuffer
  function s2ab(s) {
    var buf = new ArrayBuffer(s.length)
    var view = new Uint8Array(buf)
    for(var i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xff
    return buf
  }

  let buf = s2ab(wbout)
  var blob = new Blob([buf], {
    type: "application/octet-stream",
  })
  return blob
}

// 将blob对象 创建bloburl,然后用a标签实现弹出下载框
function openDownloadDialog(blob, fileName) {
  if(typeof blob === "object" && blob instanceof Blob) {
    blob = URL.createObjectURL(blob) // 创建blob地址
  }
  var aLink = document.createElement("a")
  aLink.href = blob
  // HTML5新增的属性,指定保存文件名,可以不要后缀,注意,有时候 file:///模式下不会生效
  aLink.download = fileName || ""
  var event
  if(window.MouseEvent) event = new MouseEvent("click")
  //   移动端
  else {
    event = document.createEvent("MouseEvents")
    event.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
  }
  aLink.dispatchEvent(event)
}
]


/*  导出为Excel  */
// Excel表格样式
// sheetData = [
//   {
//     name: "",//表名
//     // Excel表格内容
//     dataList: [
//       {
//         name: "value",// name单元格名字:value数据内容
//       },
//     ],
//   },
// ]
// name 保存的文件名字
export function exportExcel(sheetData, name) {

// 创建一个新的空的workbook
  var wb = XLSX.utils.book_new()
  sheetData.forEach(item => {
    XLSX.utils.book_append_sheet(wb, XLSX.utils.json_to_sheet(item.list), item.name)
  })
  const workbookBlob = workbook2blob(wb)
  openDownloadDialog(workbookBlob, name + ".xlsx")
}
// 使用方法: exportExcel(sheetData, "name") sheetData对应导出为Excel的数据,name为Excel导出是的文件名

/*  Excel表格导入为JSON  */
export function readExcel(file) { // 表格导入
  const fileReader = new FileReader()
  fileReader.onload = (ev) => {
    try {
      const data = ev.target.result
      const workbook = XLSX.read(data, { type: "binary" })
      let params = []
      // 取对应表生成json表格内容
      workbook.SheetNames.forEach(item => {
        params.push({
          name: item,
          dataList: XLSX.utils.sheet_to_json(workbook.Sheets[item]),
        })
      })
      return params
      // 重写数据
    } catch (e) {
      return false
    }
  }
  fileReader.readAsBinaryString(file)
}
// 导入使用说明 readExcel(file) file对象类型的Excel文件
上一篇:Python学习笔记之 中英文文本情感分析


下一篇:图片下载