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

最新推荐文章于 2024-05-05 17:04:41 发布

淘气小子

最新推荐文章于 2024-05-05 17:04:41 发布

阅读量3.1k

点赞数 1

分类专栏： Java

本文链接：https://blog.csdn.net/u011242657/article/details/52670623

版权

Java 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在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"  οnclick= 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
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
文件上传支持File类型和Text类型的解决方案

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

扫一扫