1.application.properties
#上传文件大小限制
spring.servlet.multipart.max-file-size=500MB
spring.servlet.multipart.max-request-size=500MB
2.前端
//上传
uploadServer: function (){
todata.append("FFILE", fhFile);
todata.append("PARENT_ID", this.PARENT_ID);
todata.append("NAME", this.pd.NAME);
todata.append("REMARKS", this.pd.REMARKS);
todata.append("SHARE", this.SHARE);
//发送 post 请求提交保存
$.ajax({
xhrFields: {
withCredentials: true
},
url: httpurl+'mfolder/upload',
type: 'POST',
data: todata,
async: false,
cache: false,
contentType: false,
processData: false,
success: function(data){
if("success" == data.result){
$("#fok").tips({
side:2,
msg:'上传成功',
bg:'#AE81FF',
time:2
});
setTimeout(function(){
top.Dialog.close();//关闭弹窗
},1000);
}else if("error" == data.result){
alert("上传失败,文件内容不能为空!");
$("#showform").show();
$("#jiazai").hide();
}else if ("exception" == data.result){
alert("文件管理"+data.exception);//显示异常
$("#showform").show();
$("#jiazai").hide();
}
}
})
},
3.后台
/**上传文件 www.1b23.com
* @param
* @throws Exception
*/
@RequestMapping(value="/upload")
@RequiresPermissions("mfolder:add")
@ResponseBody
public Object add(
@RequestParam(value="FFILE",required=false) MultipartFile file,
@RequestParam(value="NAME",required=false) String NAME,
@RequestParam(value="PARENT_ID",required=false) String PARENT_ID,
@RequestParam(value="REMARKS",required=false) String REMARKS,
@RequestParam(value="SHARE",required=false) String SHARE
) throws Exception{
Map<String,Object> map = new HashMap<String,Object>();
String errInfo = "success";
PageData pd = new PageData();
String ffile = DateUtil.getDays(), fileName = "";
if (null != file && !file.isEmpty()) {
String filePath = PathUtil.getProjectpath() + Const.FILEPATHFILE + ffile; //文件上传路径
fileName = FileUpload.fileUp(file, filePath, this.get32UUID()); //执行上传
pd.put("FILEPATH", Const.FILEPATHFILE + ffile + "/" + fileName); //文件路径
pd.put("NAME", NAME); //文件名
pd.put("PARENT_ID", PARENT_ID); //目录ID
pd.put("CTIME", DateUtil.date2Str(new Date())); //创建时间
pd.put("UNAME", Jurisdiction.getName()); //上传者,当前用户的姓名
pd.put("MASTER", Jurisdiction.getUsername()); //用户名
pd.put("FILESIZE", FileUtil.getFilesize(filePath + "/" + fileName)); //文件大小
pd.put("REMARKS", REMARKS); //备注
pd.put("SHARE", SHARE); //是否共享
pd.put("MFOLDER_ID", this.get32UUID()); //主键
mfolderService.save(pd); //存入数据库表
}else{
errInfo = "error";
}
map.put("result", errInfo); //返回结果
return map;
}
相关推荐
基于SpringBoot的文件上传系统,前后端分离,单文件上传,多文件上传,大文件上传,断点续传,文件秒传,图片上传 项目经过严格测试,确保可以运行! 采用前后端分离的方式进行开发,实现了几种常用的文件上传功能...
本示例项目"springboot+vue前后端分离 实现超大文件分块上传"提供了一个高效且实用的解决方案,将Java后端框架Spring Boot与前端Vue.js及Element UI组件库结合,实现了大文件的分块上传功能。下面我们将详细探讨这个...
在本项目中,"springboot+vue前后端分离开发项目源码"是一个综合性的Web应用开发实例,它结合了Spring Boot后端框架和Vue.js前端框架,实现了前后端分离的架构设计。这样的设计模式在现代Web开发中非常常见,因为它...
本项目"在线云盘系统源码"是一个采用现代Web开发技术构建的前后端分离应用程序,主要技术栈为SpringBoot、Vue.js以及Hadoop分布式文件系统(HDFS)。 首先,SpringBoot是Java领域的一种轻量级框架,它简化了传统...
后端采用springboot实现,使用shiro和jwt做用户认证和授权,redis做nosql缓存,项目部署在宝塔面板上。 #### **技术栈** **前端** | 名称 | 技术点 | | ---------- | ------------------------- | | 基础 | vue...
《SpringBoot2.0+Vue3.0前后端分离wiki文件管理系统源码解析》 在当前的互联网开发环境中,前后端分离已经成为了一种常见的架构模式,它可以提高开发效率,优化用户体验,同时也使得前后端职责更加明确。本系统采用...
采用SpringBoot+Vue前端端分离的的方式进行二手书的设计 ...性能优化:上传图片压缩,前端代码gzip压缩,ElementUI 按需使用,Vue模块按需加载,CDN引用文件加速。 后端:使用SpringBoot+Mybatis (内含数据库文件)
本文将详细介绍如何使用SpringBoot和Vue.js实现一个前后端分离的文件上传功能。 首先,要实现前后端分离的文件上传功能,需要具备Vue.js和SpringBoot的相关知识。这个实现可以分为两个独立的项目:一个是前端项目,...
在本项目中,"springboot+vue实现超大文件分片极速上传与下载完整前后端源码",我们看到了一个采用现代Web技术构建的高效文件管理系统。这个系统利用了SpringBoot后端框架和Vue.js前端框架的优势,为处理大文件上传...
为了实现前后端分离,文件管理系统通常会提供RESTful API。这些API遵循HTTP协议,使用JSON格式传输数据。例如,POST接口用于文件上传,GET接口用于文件下载和查询,DELETE接口用于删除文件。通过这些接口,前端可以...
使用springboot实现多文件上传与删除demo,支持上传多个文件,上传后返回文件地址和文件名,并支持通过删除接口传入文件路径删除文件。支持windows和linux。windows使用不需要虚拟路径,直接使用真实路径即可,linux...
【标题】"企业门户系统,基于Springboot和layui前后端分离.zip" 提供了一个实际的企业级项目案例,它采用Springboot框架作为后端基础,并结合layui前端框架实现了一个完整的前后端分离的应用。这个系统旨在为企业...
在技术上,前台采用 Vue渐进式框架,利用VantUI组件库搭建页面,后台使用 SpringBoot框架进行开发,做到了前后端分离。使用JWT实现单点登录,图片和文档上传使用阿里的OSS对象存储,短信功能使用腾讯云的接口,聊天...
基于springboot+Vue的前后端分离ACM比赛管理系统源码+sql数据库.zip 基于springboot+Vue的前后端分离ACM比赛管理系统源码+sql数据库.zip 基于springboot+Vue的前后端分离ACM比赛管理系统源码+sql数据库.zip 该资源内...
基于Springboot前后端分离式,利用拦截器完成登录拦截的demo ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信...
基于Vue+Springboot+LayUI前后端分离农作物数据共享平台设计 开发软件:Idea,Vscode可以选,mysql 开发技术:Springboot + Vue + LayUI,前后端分离 用户的功能包括注册和登录,选播查询、技术查询、种子供应商和农...
一款vue+springboot+mysql前后端分离的博客系统,博客后台管理系统使用了vue+elmentui开发,后端使用Sa-Token进行权限管理,支持动态菜单权限,动态定时任务,文件支持本地和七牛云上传,使用ElasticSearch作为全文...