好资源导航 » 文章资讯 » SpringMVC利用dropzone组件实现图片上传

SpringMVC利用dropzone组件实现图片上传

2023-08-01 12:42:07 68

操作步骤如下

一、dropzone导入

01.dropzone官网下载其插件压缩包并复制项目；

02.将CSS和JS文件在HTML文件中引入；

//下面src中的地址根据自己文件地址进行修改，不能之间copy，否则可能用不了！！！

二、dropzone的使用

只需要一个div元素，用JavaScript代码启用即可

HTML结构如下：

JavaScript启用代码如下：

前端工作做完后，后台需要提供文件上传支持，我们使用SpringMVC来接收上传的文件

三、SpringMVC的处理

commons-fileuploadjar包导入

01.如果使用Meaven仓库，在其Pom.xml添加如下依赖。


commons-fileupload
commons-fileupload
1.3.2

如果未使用Meaven，百度commons-fileupload下载jar并复制到项目中。

配置spring-mvc.xml

需要Spring注入multipartResolver实例，spring-mvc.xml增加如下配置：

Controller类的代码实现

@Controller
publicclassUploadController{

@ResponseBody
@RequestMapping(value="upload",method=RequestMethod.POST)
publicStringupload(MultipartFiledropzFile,HttpServletRequestrequest){


//获取上传的原始文件名
StringfileName=dropzFile.getOriginalFilename();
//设置文件上传路径
StringfilePath=request.getSession().getServletContext().getRealPath("/static/upload");
//获取文件后缀
StringfileSuffix=fileName.substring(fileName.lastIndexOf("."),fileName.length());

//判断并创建上传用的文件夹
Filefile=newFile(filePath);
if(!file.exists()){
file.mkdir();
}
//重新设置文件名为UUID，以确保唯一
file=newFile(filePath,UUID.randomUUID()+fileSuffix);

try{
//写入文件
dropzFile.transferTo(file);
}catch(IOExceptione){
e.printStackTrace();
}


return"";
}
}

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

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

SpringMVC利用dropzone组件实现图片上传

热门推荐

随机推荐