multipart/form-data提交后台获取数据方法

2024-10-11 19:00:03

1、首先创建一个u衡痕贤伎serPicUpload.html测试的页面,里面添加一个input的type为file的表单,将form标签添加enct烤恤鹇灭ype="multipart/form-data"属性完整的页面测试代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试上传</title> <script src="../resources/js/jquery-validation/jquery.min.js"></script></head><body><form id="userInfoForm" method="post" action="../user/userPicUpload" enctype="multipart/form-data"> <fieldset> <legend>用户基本信息</legend> <p> <label for="userPic">头像</label> <input id="userPic" name="userPic" type="file"> </p> <p> <input class="submit" type="submit" value="提交"> </p> </fieldset></form></body></html>

multipart/form-data提交后台获取数据方法

3、后端代码处理上传的内容数据是使用commons-fileupload-1.3.jar类库来处理的,boolean isMultipart = ServletFileUpload.足毂忍珩isMultipartContent(request);判断是否是Multipart,然后ServletFileUpload获取FileItemIterator迭代FileItemStream fi = iter.next();取出所有的上传内容项,InputStream,然后将数据写入到一个文件中运行web项目,访问页面,可以看到一个上传的表单项

multipart/form-data提交后台获取数据方法

5、打开网页调试工具,点击提交按钮之后,可以从调试工具的网络抓包请求中可以看到详细的Content-type和body内容

multipart/form-data提交后台获取数据方法
猜你喜欢