关于文件上传和普通字段表单提交的问题

清疚 2022-05-28 04:24 218阅读 0赞

单独的文件上传和普通字段的上传还是有区别的。这里主要列举它们在一个表单中提交的两种处理方式，一种直接点击提交按钮表单提交，另外一种点击通过js提交。

在作比较之前，先贴下controller代码

@ResponseBody
        @RequestMapping("upload")
        public boolean upload(User user,MultipartRequest mreq){
        	System.out.println("user:"+user.toString());
        	MultipartFile mfile=mreq.getFile("file");
        	System.out.println("文件是否为空:"+mfile.isEmpty());
        	return true;
        }

1. 点击按钮，表单提交

1.1 jsp页面表单代码如下

表单提交
    <form action="ProjectFormMvn/user/upload" enctype="multipart/form-data" method="post">
    	名称:<input type="text" name="account" /><br/>
    	文件:<input type="file" name="file"/><br/>
    	<input type="button" value="提交"/>
    </form>

1.2 点击提交

![70][]

![70 1][]

通过控制台可以看到，controller已经正常接到值了。

2.通过js提交

2.1  jsp页面代码如下

2.2 点击提交

![70 2][]

![70 3][]

js中ajax提交方式千千万，这里只介绍这一个，主要涉及到FormData的应用。

[70]: /images/20220528/b94d5e9deb8a4566a4d5c279f302330c.png
[70 1]: /images/20220528/a8ea64cb71e744dca9c605f4ad91c58f.png
[70 2]: /images/20220528/213b4d7c74f84616adf15146d524102a.png
[70 3]: /images/20220528/4c694352e4c5481c959d419d819ebfbf.png