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”));)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 惠普光影精灵6 Max值得入手吗 惠普光影精灵6 Max全面评测
下一篇: 详解Vue数据驱动原理