文件上传支持File类型和Text类型的解决方案

来源：互联网发布：2017年网络流行词汇编辑：程序博客网时间：2024/05/14 13:49

在Web开发中，经常会遇到文件上传和文本类型的表单的提交。但后台总是只能获取一种，不能同时获取文件流和文本数据，经过研究现提供俩种解决方法。
方法一：使用smartupload组件，开发smartupload组件的公司官网貌似不在了。需要注意的是从网上下载的smartupload jar包没有处理中文乱码问题，需要自己修改源代码，重新编译。我附件里会附上我重新编译的Jar包供大家下载。
HTML代码

<body>   <form action="Upload" method="post" enctype="multipart/form-data">         上传文件  <input type="file" name="file"/><br/>          姓名       <input type="text" name="username"/><br/>          <input type="submit" name="usersubmit">        </form></body><pre name="code" class="java">protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {        request.setCharacterEncoding("UTF-8");    response.setCharacterEncoding("UTF-8");    SmartUpload smart=new SmartUpload();    try {        //PageContext是jsp的内置对象，在servlet不能直接使用，需要做一些处理        JspFactory jspxFactory = null;        PageContext pageContext = null;        jspxFactory = JspFactory.getDefaultFactory();        pageContext = jspxFactory.getPageContext(this,request,response,"",true,8192,true);        smart.initialize(pageContext);smart.upload();File file = smart.getFiles().getFile(0);String fieldName = file.getFileName();System.out.println(fieldName);System.out.println(this.getServletContext().getRealPath("/"));smart.save(this.getServletContext().getRealPath("/"));String username = smart.getRequest().getParameter("username");//昵称System.out.println(username);} catch (Exception e) {e.printStackTrace();}       }

关键是要在表单里加上 enctype="multipart/form-data
方法二：由于ajax提交不支持文件类型的，所以需要用到jquery-form.js
HTML代码

 <body>   <form action="" method="post" enctype="multipart/form-data" id="showDataList">         上传文件  <input type="file" name="file"/><br/>          姓名     <input type="text" name="username"/><br/>          <input type="button"  onclick= submit_form(this)/>        </form> </body>

js代码

function submit_form(obj){        var uploadfile = document.getElementById("uploadfile").value;        if(uploadfile==null||uploadfile==""){            layer.alert('请选择文件!');            return ;        }        layer.confirm('确认添加？',function(index){            var requestUrl = "/testcase/testCaseAdd";            $("#showDataList").ajaxSubmit({                type: 'post',                url: requestUrl,                contentType: "application/x-www-form-urlencoded; charset=utf-8",                clearForm:"true",                success: function(data) {                    if(data){                        layer.msg('已添加!',{icon:1,time:1500});                        //需要刷新页面                    }                }            });      }

值的注意的是需要在spring mvc的配置文件中配置如下代码

<pre name="code" class="html"><!-- 配置MultipartResolver 用于文件上传 使用spring的CommosMultipartResolver,支持文件上传 -->    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">        <property name="maxUploadSize" value="7000000" />    </bean>

依赖的jar包，在pom.xml文件中配置

<!-- 文件上传 -->    <dependency>      <groupId>commons-fileupload</groupId>      <artifactId>commons-fileupload</artifactId>      <version>1.3</version>    </dependency>    <dependency>      <groupId>commons-io</groupId>      <artifactId>commons-io</artifactId>      <version>2.4</version>    </dependency>

spring mvc 后台的代码

@RequestMapping("/testCaseAdd")    public @ResponseBody Boolean testCaseAdd(@RequestParam("file")MultipartFile file,HttpServletRequest request) throws IOException {       if(!file.isEmpty()) {           // 文件保存路径           String filePath = request.getSession().getServletContext().getRealPath("/") + "upload\\" + file.getOriginalFilename();           // 转存文件           file.transferTo(new File(filePath));   //从前台获取值          String path = request.getParameter("savepath");       }

表单中的text类型的数据直接可以通过request获取

以上俩中方法都可以用，第一种适合直接表单提交，第二种适合需要用ajax来提交表单的。

附上smartupload 下载地址点击打开链接

1 0