欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

springboot+vue实现文件上传下载

程序员文章站 2022-06-24 22:34:22
本文实例为大家分享了springboot+vue实现文件上传下载的具体代码,供大家参考,具体内容如下一、文件上传(基于axios的简单上传)所使用的技术:axios、springboot、vue;实现...

本文实例为大家分享了springboot+vue实现文件上传下载的具体代码,供大家参考,具体内容如下

一、文件上传(基于axios的简单上传)

所使用的技术:axios、springboot、vue;
实现思路:通过h5 :input元素标签进行选择文件,获取所选选择的文件路径,new fromdata对象,设置fromdata的参数,设置axios对应的请求头,最后通过axios发送post请求后端服务。后端服务同过multipartfile进行文件接收。具体代码如下:

前端代码:

1、创建vue对象

2、实现上传组件

在input标签中添加改变事件监听,当发生改变时调用up方法。

后端代码:

上传文件代码

二、文件下载

通过response输出流返回文件内容,核心代码设置下载文件的名字(res.setheader(“content-disposition”, “attachment;filename=” + java.net.urlencoder.encode(realfilename.trim(), “utf-8”));)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。