Excel上传到服务器,并下载返回

需求:将一个Excel用户名单从后台管理系统上传到后台,后台判断名单中的人是否已在数据库中,然后将已存在的人用excel形式返回给前端。

问题:后台管理使用的是若依框架,接收不了从后台推流的Excel【也可能是我的方式错误】

解决方案:无奈下只能先将要返给前端的 已存在的用户名单上传到服务器,然后返回给前端一个存储地址,前端根据存储地址,使用window.open()从服务器上拉取Excel,然后推流给前端。

1.Excel上传到服务器:

    public String keppExcel( List<xxUserExcelVo > userList) throws IOException {

        if (Objects.isNull(userList)||Objects.equals(userList.size(),0)){
            return  "结果为空";
        }
        String fileName = System.currentTimeMillis() + "-导出用户已在数据库中的数据.xlsx";
        //视频真实存放地址
        String realPath = "/data/xx/xxx/excel";

        //生成视频真实存放目录
        newDir(realPath);
        String name = realPath +"/"+ fileName;
        // 指定文件输出位置
        OutputStream outputStream = new FileOutputStream(name);
        ExcelWriter excelWriter = EasyExcelFactory.getWriter(outputStream);
        // 将要输出的内容填充到Sheet里
        Sheet sheet = new Sheet(1, 0, xxUserExcelVo .class);
        /**
         * 写数据到Write上下文中
         * 第一个参数:要写入的内容
         * 第二个参数:要写入的sheet目标
         */
        excelWriter.write(userList, sheet);
        excelWriter.finish();
        outputStream.close();
        //返回存储地址
        return name;

    }

用户vo类:

@Data
@NoArgsConstructor
@AllArgsConstructor
@ToString
@JsonInclude(JsonInclude.Include.NON_NULL)
public class xxUserExcelVo extends BaseRowModel {

    /**
     * 姓名
     */
    @ExcelProperty(value = "姓名", index = 0)
    private String name;

    /**
     * 手机号
     */
    @ExcelProperty(value = "手机号", index = 1)
    private Long phone;
}

创建目录


    private static void newDir(String path) {
        File dir = new File(path);
        dir.mkdirs();
    }

2.根据存储地址获取存储在服务器上的Excel

    @GetMapping("/getExcel")
    @ResponseBody
    public void getExcel(@RequestParam("url") String url, HttpServletResponse response) throws IOException {

        FileInputStream hFile = new FileInputStream(url);      //得到文件大小
        int i = hFile.available();
        byte data[] = new byte[i];        //读数据
        hFile.read(data);         //得到向客户端输出二进制数据的对象
        response.setContentType("application/octet-stream");
        response.setHeader("Content-Disposition", "attachment; filename=down.xls");
        OutputStream toClient = response.getOutputStream();         //输出数据
        toClient.write(data);
        toClient.flush();
        toClient.close();
        hFile.close();
    }

3.注意:前端代码:

window.open("/api/excel/xxx?url=" + res.data);

注意:测试和正式服的前缀一般不同,注意,更到不同的服务器上使用不同的前缀

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现上传文件显示进度条并返回Excel解析值,有多种实现方式,以下是其中一种基于JavaScript的实现: 1. HTML部分 首先,在HTML中,我们需要添加一个文件上传表单,并在表单中添加一个input元素,用于选择要上传的文件。同时,我们还需要添加一个进度条元素来显示上传进度。具体代码如下: ```html <form id="upload-form"> <input type="file" id="file-input"> <button type="submit">上传文件</button> </form> <div id="progress-bar"></div> ``` 2. JavaScript部分 接下来,在JavaScript中,我们需要添加一个事件监听器来监听文件上传表单的提交事件。当用户点击上传按钮时,我们需要获取用户选择的文件,并使用FormData对象来构建一个表单数据对象,将文件作为数据添加到表单中。然后,我们使用XMLHttpRequest对象来发送表单数据,并实时更新进度条元素,以显示上传进度。当上传完成后,我们可以获取服务器返回Excel解析值,并将其显示出来。具体代码如下: ```javascript const uploadForm = document.getElementById('upload-form'); const fileInput = document.getElementById('file-input'); const progressBar = document.getElementById('progress-bar'); uploadForm.addEventListener('submit', (event) => { event.preventDefault(); // 获取用户选择的文件 const file = fileInput.files[0]; // 创建表单数据对象 const formData = new FormData(); formData.append('file', file); // 创建XMLHttpRequest对象 const xhr = new XMLHttpRequest(); // 监听上传进度 xhr.upload.addEventListener('progress', (event) => { if (event.lengthComputable) { // 更新进度条元素 const percentComplete = event.loaded / event.total * 100; progressBar.style.width = `${percentComplete}%`; } }); // 监听上传完成事件 xhr.addEventListener('load', (event) => { // 获取服务器返回Excel解析值 const response = JSON.parse(xhr.responseText); const excelValue = response.excelValue; // 显示Excel解析值 alert(`Excel解析值为:${excelValue}`); }); // 发送表单数据 xhr.open('POST', '/upload'); xhr.send(formData); }); ``` 3. 服务器端部分 最后,在服务器端,我们需要接收并处理上传的文件,并解析Excel文件并返回解析值。具体代码如下: ```javascript const express = require('express'); const multer = require('multer'); const xlsx = require('xlsx'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('file'), (req, res) => { // 读取上传的文件 const workbook = xlsx.readFile(req.file.path); // 解析Excel文件 const worksheet = workbook.Sheets[workbook.SheetNames[0]]; const excelValue = worksheet.A1.v; // 删除上传的文件 fs.unlinkSync(req.file.path); // 返回Excel解析值 res.json({ excelValue }); }); app.listen(3000, () => { console.log('服务器已启动'); }); ``` 以上就是一种基于JavaScript的实现方式,可以实现上传文件显示进度条并返回Excel解析值的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值