springboot中怎么利用vue实现文件上传下载功能

这篇文章给大家介绍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

访问:http://localhost:8080

上传:

批量上传:

下载:

2.上传大文件配置

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

3.vue前端主要部分

关于springboot中怎么利用vue实现文件上传下载功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前名称:springboot中怎么利用vue实现文件上传下载功能
文章位置:http://ybzwz.com/article/ighisg.html