SpringMVC和ajax文件上传

最新推荐文章于 2025-05-21 12:08:19 发布

原创最新推荐文章于 2025-05-21 12:08:19 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

我的java 总结专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种通过Ajax实现的文件上传方法，包括前端HTML表单设计与后端Java处理逻辑。具体展示了如何利用FormData对象发送包含文件的POST请求，并在服务器端使用MultipartFile接收并处理这些文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form id="add">
<input id="imgs" type="file" name="purlimgs" />
<input class="addInput" sytle="width=80px" type="text" name="sname" />

<input type="submit"onclick="maAdd()" >
</from>

下面是ajax 代码：

<script type="text/javascript">
function maAdd() {

<!-- 这样就可以得到from 表单里的数据，文件数据和普通数据 -->
var formdata = new FormData($("#add")[0]);
$.ajax({
type:'post',
url:'${path}/GuoGoodsAction/addGoods.action',
data:formdata,
processData:false,
cache:false,
contentType:false,
})											
}		
</script>

下面是后台代码：

/**
 * //@RequestParam(value = "purlimgs", required = false) MultipartFile fileField必须这样写，
 * purlimgs对应<input type="file" name="purlimgs"/> 的name值，
 * MultipartFile fileField 获取form 表单中所有的数据，若是多文件上传前端input 中的名字必须是同样的，而MultipartFile [] fileField,
 * 遍历出来就可以了。
 * 
 * @param purlimgs
 * @param fileField
 */
@RequestMapping(value = "/addGoods.action")
public void add( @RequestParam(value = "purlimgs", required = false) MultipartFile fileField) {
pictrue.setPurl(upload(fileField, null));
		
}

public String upload(@RequestParam("purlimgs") MultipartFile file, String urlDemo) {
//指定路径
String path = "D:/goodsPictrue";
File files = new File(path);
if (!files.exists()) {
//根据路径判断是否有此文件，没有就创建
files.mkdir();
}
path = "D:/goodsPictrue/";
// 得到jsp页面传过来的文件名。
String imgName = file.getOriginalFilename();

// 得到完成的文件名
String imgUrl = path + imgName;

try {
//若不为空则继续执行
if (!file.isEmpty()) {
// 根据准确的文件路径，将文件拷贝到指定路径。
Streams.copy(file.getInputStream(),
new FileOutputStream(imgUrl), true);
}
} catch (IOException e) {
e.printStackTrace();
}
//存进数据库，返回数据库表字段数据，文件名加字段。
//"/gpurl/" 这是在tomcat的servers里的server里的<host></host>加上的一个指定路径。防止文件名前被加上项目名，取出到jsp tomcat会自动解析。

<Context path="/gpurl" docBase="D:/goodsPictrue" reloadable="false" /> 
return "/gpurl/" + imgName;
}