https://blog.csdn.net/yhhyhhyhhyhh/article/details/89888953

文章目录

  • springboot整合vue实现上传下载文件
  • 环境
    springboot 1.5.x

    完整代码下载:

    springboot整合vue实现上传下

    1上传下载文件api文件
    设置上传路径,如例子:

    private final static String rootPath =
    System.getProperty(“user.home”)+File.separator+fileDir+File.separator;

    api接口:

    下载url示例:http://localhost:8080/file/download?fileName=新建文本文档.txt

    //上传不要用@Controller,用@RestController
    @RestController
    @RequestMapping("/file")
    public class FileController {
    private static final Logger logger = LoggerFactory.getLogger(FileController.class);
    //在文件操作中,不用/或者\最好,推荐使用File.separator
    private final static String fileDir="files";
    private final static String rootPath = System.getProperty("user.home")+File.separator+fileDir+File.separator;
    @RequestMapping("/upload")
    public Object uploadFile(@RequestParam("file") MultipartFile[] multipartFiles, final HttpServletResponse response, final HttpServletRequest request){
    File fileDir = new File(rootPath);
    if (!fileDir.exists() && !fileDir.isDirectory()) {
    fileDir.mkdirs();
    }
    try {
    if (multipartFiles != null && multipartFiles.length > 0) {
    for(int i = 0;i<multipartFiles.length;i++){
    try {
    //以原来的名称命名,覆盖掉旧的
    String storagePath = rootPath+multipartFiles[i].getOriginalFilename();
    logger.info("上传的文件:" + multipartFiles[i].getName() + "," + multipartFiles[i].getContentType() + "," + multipartFiles[i].getOriginalFilename()
    +",保存的路径为:" + storagePath);
    Streams.copy(multipartFiles[i].getInputStream(), new FileOutputStream(storagePath), true);
    //或者下面的
    // Path path = Paths.get(storagePath);
    //Files.write(path,multipartFiles[i].getBytes());
    } catch (IOException e) {
    logger.error(ExceptionUtils.getFullStackTrace(e));
    }
    }
    }

    } catch (Exception e) {
    return ResultUtil.error(e.getMessage());
    }
    return ResultUtil.success("上传成功!");
    }

    /**
    * http://localhost:8080/file/download?fileName=新建文本文档.txt
    * @param fileName
    * @param response
    * @param request
    * @return
    */
    @RequestMapping("/download")
    public Object downloadFile(@RequestParam String fileName, final HttpServletResponse response, final HttpServletRequest request){
    OutputStream os = null;
    InputStream is= null;
    try {
    // 取得输出流
    os = response.getOutputStream();
    // 清空输出流
    response.reset();
    response.setContentType("application/x-download;charset=GBK");
    response.setHeader("Content-Disposition", "attachment;filename="+ new String(fileName.getBytes("utf-8"), "iso-8859-1"));
    //读取流
    File f = new File(rootPath+fileName);
    is = new FileInputStream(f);
    if (is == null) {
    logger.error("下载附件失败,请检查文件“" + fileName + "”是否存在");
    return ResultUtil.error("下载附件失败,请检查文件“" + fileName + "”是否存在");
    }
    //复制
    IOUtils.copy(is, response.getOutputStream());
    response.getOutputStream().flush();
    } catch (IOException e) {
    return ResultUtil.error("下载附件失败,error:"+e.getMessage());
    }
    //文件的关闭放在finally中
    finally
    {
    try {
    if (is != null) {
    is.close();
    }
    } catch (IOException e) {
    logger.error(ExceptionUtils.getFullStackTrace(e));
    }
    try {
    if (os != null) {
    os.close();
    }
    } catch (IOException e) {
    logger.error(ExceptionUtils.getFullStackTrace(e));
    }
    }
    return null;
    }
    }

  • 访问:http://localhost:8080

  • 上传

  • 批量上传:

  • 下载:

  • 2.上传大文件配置

  • /**
    * 设置上传大文件大小,配置文件属性设置无效
    */
    @Bean
    public MultipartConfigElement multipartConfigElement() {
    MultipartConfigFactory config = new MultipartConfigFactory();
    config.setMaxFileSize("1100MB");
    config.setMaxRequestSize("1100MB");
    return config.createMultipartConfig();
    }

  • 3.vue前端主要部分

  • <template>
    <div style="top:100px;width:300px">
    <el-form :model="form" label-width="220px">
    <el-form-item label="请输入文件名" required>
    <el-input v-model="form.fileName" auto-complete="off" class="el-col-width" required></el-input>
    </el-form-item>
    <el-form-item>
    <el-button size="small" type="primary" @click="handleDownLoad">下载</el-button>
    </el-form-item>
    <el-form-item>
    <el-upload class="upload-demo" :action="uploadUrl" :before-upload="handleBeforeUpload" :on-error="handleUploadError" :before-remove="beforeRemove" multiple :limit="5" :on-exceed="handleExceed" :file-list="fileList">
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">一次文件不超过1Gb</div>
    </el-upload>
    </el-form-item>
    </el-form>

    </div>
    </template>

springboot整合vue实现上传下载文件的更多相关文章

  1. rz和sz上传下载文件工具lrzsz

    ######################### rz和sz上传下载文件工具lrzsz ####################################################### ...

  2. linux上很方便的上传下载文件工具rz和sz

    linux上很方便的上传下载文件工具rz和sz(本文适合linux入门的朋友) ##########################################################&l ...

  3. shell通过ftp实现上传/下载文件

    直接代码,shell文件名为testFtptool.sh: #!/bin/bash ########################################################## ...

  4. SFTP远程连接服务器上传下载文件-qt4.8.0-vs2010编译器-项目实例

    本项目仅测试远程连接服务器,支持上传,下载文件,更多功能开发请看API自行开发. 环境:win7系统,Qt4.8.0版本,vs2010编译器 qt4.8.0-vs2010编译器项目实例下载地址:CSD ...

  5. linux下常用FTP命令 上传下载文件【转】

    1. 连接ftp服务器 格式:ftp [hostname| ip-address]a)在linux命令行下输入: ftp 192.168.1.1 b)服务器询问你用户名和密码,分别输入用户名和相应密码 ...

  6. C#实现http协议支持上传下载文件的GET、POST请求

    C#实现http协议支持上传下载文件的GET.POST请求using System; using System.Collections.Generic; using System.Text; usin ...

  7. HttpClient上传下载文件

    HttpClient上传下载文件 java HttpClient Maven依赖 <dependency> <groupId>org.apache.httpcomponents ...

  8. 初级版python登录验证,上传下载文件加MD5文件校验

    服务器端程序 import socket import json import struct import hashlib import os def md5_code(usr, pwd): ret ...

  9. 如何利用京东云的对象存储(OSS)上传下载文件

    作者:刘冀 在公有云厂商里都有对象存储,京东云也不例外,而且也兼容S3的标准因此可以利用相关的工具去上传下载文件,本文主要记录一下利用CloudBerry Explorer for Amazon S3 ...

随机推荐

  1. 一个ERP项目实施工程师的若干体会

    本人在多年的工作中,参与了ERP的研发和实施,对ERP有较深的认识.在这里,根据自已的实施过程中的一些经历,把自已在实践中的一些体会贡献出来和大家共享,由于时间和精力所限,内容难免有不当之处,挂一漏万 ...

  2. 判断checkbox是否被选中事件

    第一种////////////////////////////////////////////////////////<input type="checkbox" value ...

  3. BZOJ1629: [Usaco2007 Demo]Cow Acrobats

    1629: [Usaco2007 Demo]Cow Acrobats Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 601  Solved: 305[Su ...

  4. IO流的总结

    流操作的基本规律: 最痛苦的就是流对象有非常多.不知道该用那一个. 通过明白来完毕. (1).明白源和目的 源:输入流InputStream Reader 目的:输出流OutputStream Wri ...

  5. Vue学习笔记四:跑马灯效果

    目录 跑马灯原理 HTML 箭头函数 计时器 跑马灯效果 跑马灯原理 先讲讲跑马灯的原理,就是一行字,会滚动,思路是这样的,使用substring方法,一个获取字符串的第一个字,一个获取1后面所有的字 ...

  6. 使用Selenium+ChromeDriver登录微博并且获取cookie

    using OpenQA.Selenium;using OpenQA.Selenium.Chrome; public class GetSinaCookie { private static stri ...

  7. Modbus库开发笔记:Modbus ASCII Master开发

    这一节我们来封装Modbus ASCII Master应用,Modbus ASCII主站的开发与RTU主站的开发是一致的.同样的我们也不是做具体的应用,而是实现ASCII主站的基本功能.我们将ASCI ...

  8. 12.9 Daily Scrum

    在一些实现上,开发人员提出了意见,经过讨论后,我们决定取消“推荐餐厅”的功能,增加了“菜谱分类”的功能. 同时更新了相关人员的任务.   Today's Task Tomorrow's Task 丁辛 ...

  9. #pragma warning(disable 4786)

    #pragma warning(disable 4786) 此warning产生的原因是因为标识符过长,超过了最大限定255个字符类名超过了255个字符,使用时就会报4786的waring. 在使用S ...

  10. ArcGIS Desktop 10.1+ArcEngine10.1完全破解安装教程(含下载地址+亲测可用!)

    最近在二次开发中用到了VS2010+ArcGIS的二次开发模式,因为之前的某些原因,对ArcGIS的接触甚少.初次安装也遇到了很多问题,这里做一个总结. 系统环境 win732位操作系统 需要文件 ( ...