基于js和springmvc的文件上传下载实例(下载使用iframe标签)

这阵子一直在忙一个页面的需求处理，主题终于做完了，还剩下一些细节需要修改，开心，🤭！好了言归正传，下面附上本次实例教程，前端使用js，后端mvc模式，文件上传下载功能。

1. 文件上传
   
   这里是使用code和seq作为联合主键，向数据库中插入数据。
   
   这里使用ajax上传，是为了方便后续的结果反馈，需要注意的两点是：
   (1)：js中获取文件框内的数据方法是：

 let Mould = document.getElementById("fileData").files[0];

(2)：对于请求头的参数：

 processData: false, // 使数据不做处理
 contentType: false, // 不要设置Content-Type请求头

由于我刚刚接触js，在这里耽误了好几个小时，接口一直报400错误，参数类型对不上。

这是后端接收参数，封装成一个map存入数据库，其中数据库格式为blob，实体类使用byte[]数组。

2. 文件下载

不多介绍这个方法，我也是网上借鉴来的，更改相关数据即可。

js里面是采用iframe标签进行隐藏下载的，首先在html页面添加：

 <iframe id="downFile" style="display:none"></iframe>

然后在方法里设置iframe标签的src路径。

这样就实现了文件下载，在浏览器中是直接下载的，在程序壳中是弹出保存页面进行保存的。

好了，这样就完成了文件的上传和下载了 ，对前端不是很懂，这几天的代码是异常难写，唉。
欢迎大佬指正和留言，我先下咯，吃午饭去了。