.Net Core 3.1 WebApi 实现前后端分离,实现文件上传下载【01效果图】
架构设计:ASP.Net Core 3.1 WebApi+Swagger+Jwt+Autofac。
分享初衷:最近在做前后端分离项目,用到了文件上传下载功能,找了很多类似的案例,基本上都是相互转载,很少有原创的(总之找了很久没找到合适的),最后没有达到我想要的预期效果,故写此篇博客。
需求背景:以前在做文件上传下载,都是基于FrameWork项目或者Core Web项目实现的文件上传或下载,基于web的文件下载及权限比较好实现的。但是现在很多公司技术领导层,都在推行前后端分离理念,所以这一次我承担了Core Api 架构设计,采用的是Vue+Core 3.1 WebApi去实现前后端分离.
本期主要分享-+100Mb文件上传下载
1、先上图:
2、文件上传、下载,均做了授权验证,在过滤器进行拦截处理
3、模拟文件上传操作
首先登录获取token,然后在swagger界面进行授权
4、接下来进行文件上传操作,目前我上传的文件大小为77MB左右,
我选择上传的路径指向的是项目站点
上传后的效果,在项目中查看:
在文件路径查看文件信息
5、实现文件下载
首先根据上传文件成功后返回的地址Url,生成对应的文件秘钥
根据文件秘钥进行文件下载:
swagger会出现一个 download file 超链接,点击就可以下载了
查看下载的文件 解压,能正常访问
备注:因为本人时间原因,没法解释每一个步骤,所以将功能做成了一个简单的demo,你们可以下载直接运行,然后换取少许积分,谢谢大家
下载链接:https://download.csdn.net/download/qq_15632461/12883705