Vue XLSX实现解析excel文件并将数据保存到服务器端

需求如题。这里的关键点是对XLSX使用方式的理解与掌握,难点是数据本身的清洗、格式化过程。
html部分


      
    下载模板

    
    
      
        上传文件
      
    

js部分

  import FileSaver from "file-saver";
  import XLSX from "xlsx";

  export default {
    name: "Member",
    data: function() {
      return {
        showDialogFile: false,
      }
    },
    methods: {
    //打开上传文件弹窗
      importFromxlsx: function() {
        this.showDialogFile = true
      },

      //执行文件解析并保存数据
      async uploadFile(file) {
        this.$message.info("开始解析文件,请稍后……")
        let dataBinary = await readFile(file.raw)
        let workBook = XLSX.read(dataBinary, {
          type: 'binary',
          cellDates: true
        })
        let workSheet = workBook.Sheets[workBook.SheetNames[0]]
        const sheet2JSONOpts =

你可能感兴趣的:(Vue,vue.js,前端,javascript)