java + vue 实现本地文件的下载功能

小咪咪 2022-11-12 09:44 407阅读 0赞

### 文章目录 ###

*  1：实现效果
 *  2：java 代码
 *  2：vue代码

# 1：实现效果 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]

# 2：java 代码 #

package com.csp.doc.controller;
    
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    import javax.servlet.http.HttpServletResponse;
    import java.io.*;
    import java.nio.charset.StandardCharsets;
    /**
     * @Author: LL
     * @Description:
     * @Date: Create in 14:49 2021/3/23
     */
    @RestController
    @RequestMapping("/doc/xxx")
    public class Cspfindfile { 
        /**
         * @param path
         * @param response
         */
        @GetMapping("/xxx/xxxxxxxx/download")
        public void download(String path, HttpServletResponse response) { 
            try { 
                // path: 欲下载的文件的路径
                File file = new File(path);
                // 获取文件名 - 设置字符集
                String downloadFileName = new String(file.getName().getBytes(StandardCharsets.UTF_8), "iso-8859-1");
                // 以流的形式下载文件
                InputStream fis;
                fis = new BufferedInputStream(new FileInputStream(path));
                byte[] buffer = new byte[fis.available()];
                fis.read(buffer);
                fis.close();
                // 清空response
                response.reset();
                // 设置response的Header
                response.addHeader("Content-Disposition", "attachment;filename=" + downloadFileName);
                response.addHeader("Content-Length", "" + file.length());
                OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
                response.setContentType("application/octet-stream");
                toClient.write(buffer);
                toClient.flush();
                toClient.close();
            } catch (IOException ex) { 
                ex.printStackTrace();
            }
        }
    }

# 2：vue代码 #

1.  标签

<a-button  @click="ceshidownload(exleUrl)" type="primary" icon="download">测试下载2</a-button>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 1]

1.  方法:

//测试下载
          ceshidownload() { 
             window.open("http://127.0.0.1:9036/csp/doc/xxx/xxx/xxx/xxxxx?path=" + "D://ceshi.xlsx");
          },

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221022/c62a6b8a70ca412b8a739196d20a733c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221022/1e90d600345e422086ca58399bbcee60.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221022/813cee967b6a42c2863dd12c951129be.png