Springboot+Vue实现文件下载功能

Springboot+Vue实现文件下载功能

之前写文件下载功能,看网上的代码很复杂,不容易懂(网上的博客越来越没水平,不知道是不是百度搜索引擎的问题),其实挺简单的,下面我分享下代码及效果

在这里插入图片描述
在这里插入图片描述

后端


package com.example.longye.controller;

import ch.qos.logback.core.net.SyslogOutputStream;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.net.URLEncoder;

@RestController
@CrossOrigin
public class File_Download {
    //实现Spring Boot 的文件下载功能,映射网址为/download
    @RequestMapping("/download")
    public String downloadFile(HttpServletRequest request,
                               HttpServletResponse response) throws UnsupportedEncodingException {
        String name=request.getParameter("filename");
        // 获取指定目录下的第t个文件
        File scFileDir = new File("C:\\images");
        File TrxFiles[] = scFileDir.listFiles();
        for(int t=0;t<TrxFiles.length;t++) {
            if (TrxFiles[t].getName().equals(name)) {
                String fileName = TrxFiles[t].getName(); //下载的文件名
                // 如果文件名不为空,则进行下载
                if (fileName != null) {
                    //设置文件路径
                    String realPath = "C://images/";
                    File file = new File(realPath, fileName);
                    // 如果文件名存在,则进行下载
                    if (file.exists()) {
                        // 配置文件下载
                        response.setHeader("content-type", "application/octet-stream");
                        response.setContentType("application/octet-stream");
                        // 下载文件能正常显示中文
                        response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8"));

                        // 实现文件下载
                        byte[] buffer = new byte[1024];
                        FileInputStream fis = null;
                        BufferedInputStream bis = null;
                        try {
                            fis = new FileInputStream(file);
                            bis = new BufferedInputStream(fis);
                            OutputStream os = response.getOutputStream();
                            int i = bis.read(buffer);
                            while (i != -1) {
                                os.write(buffer, 0, i);
                                i = bis.read(buffer);
                            }

                            System.out.println("Download the song successfully!");
                        }
                        catch (Exception e) {
                            System.out.println("Download the song failed!");
                        }
                        finally {
                            if (bis != null) {
                                try {
                                    bis.close();
                                } catch (IOException e) {
                                    e.printStackTrace();
                                }
                            }
                            if (fis != null) {
                                try {
                                    fis.close();
                                } catch (IOException e) {
                                    e.printStackTrace();
                                }
                            }
                        }
                    }
                }
            }
        }
        return null;
    }

}

## 前端
html部分:

js部分

See (name) {
   if(name!=null){
     window.location.href ='http://localhost:8001/download?filename='+name; //  跳转链接
   }else{
     this.$router.push({path: '/HelloWorld'})
   }

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值