VUE实现上传文件后,导出失败的数据

导读:本篇文章讲解 VUE实现上传文件后,导出失败的数据,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

Java实现后端上传文件资源,将失败的数据整合导出,使用的easyPOI,在此做了部分封装处理

public void importMedicen(String hospitalId, MultipartFile file, HisUserAccountVO hisUserAccountVo, HttpServletResponse response) {
        AssertUtil.isNotEmpty(hisUserAccountVo, "登录人员信息为空!");
        AssertUtil.isTrue(!file.isEmpty(), "上传的文件不能为空");
        try {
            //文件中的所有数据
            List<MedicenImportVO> medicenImportList = EasyPoiUtil.importExcel(file, 1, 1, MedicenImportVO.class);

            AssertUtil.isNotEmpty(medicenImportList, "导入的文件不能为空!!!");
            //返回添加失败数据
            List<MedicenImportVO> medicenImportFail = addMedicenImportFile(hospitalId, hisUserAccountVo, medicenImportList);
            if (ValidateUtil.isNotEmpty(medicenImportFail)) {
                String title = "导入失败的数据";
                EasyPoiUtil.exportExcel(medicenImportFail, "药品字典导入失败的数据(1.名称和编码可能重复。2.材质可能并不存在。3.必填项可能没有全部填值。)", title, MedicenImportVO.class, title, response);
            }
        } catch (IOException e) {
            throw new AppException(e.getMessage());
        }
    }

后端返回数据后,由前端进行处理导出下载失败数据

    // 导入文件
    fnUploadFile () {
      const submitParameter = {
        url: '/v1.0/basedata/MedicineAndMaterialDict/importMedicen',
        data: {
          file: this.fileList[0],
          hospitalId: this.hospitalId
        },
        responseType: 'blob', // 设置返回类型
        isFormData: true
      }
      this.Base.submit(null, submitParameter).then((res) => {
        if (!res) return
        const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }) // 构造一个blob对象来处理数据,并设置文件类型
        const filename = '药品字典导入失败的数据.xlsx'
        if (res.data.type === 'application/vnd.ms-excel') {
          if (window.navigator.msSaveOrOpenBlob) { // 兼容IE10
            navigator.msSaveBlob(blob, this.filename)
          } else {
            const href = URL.createObjectURL(blob) // 创建新的URL表示指定的blob对象
            const a = document.createElement('a') // 创建a标签
            a.style.display = 'none'
            a.href = href // 指定下载链接
            a.download = filename // 指定下载文件名
            a.click() // 触发下载
            URL.revokeObjectURL(a.href) // 释放URL对象
          }
        } else {
          message.success('上传成功')
          this.Base.reload()
        }
      })
    }

这样处理就能把错误数据下载到本地,给用户查看。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/75114.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!