• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    SpringMVC+Ajax实现文件批量上传和下载功能实例代码

    今天做了文件的上传下载,小小总结一下,基本的web项目建立及SpringMVC框架搭建此处不详细写出来了。

    上传form:

    form id="uploadfiles" enctype="multipart/form-data">
        input type="file" multiple="multiple" id="file_upload" name="file_upload" /> 
        input type="button" value="上传" onclick="upload()" />
    /form>

    上传Ajax:

    script type="text/javascript">
    /*
     * 上传文件
     */
    function upload(){
      var formData = new FormData($( "#uploadfiles" )[0]);
       $.ajax({
          type: "post",
          url: "./path/upload",
          dataType: "json",
          data: formData,
          /**  
           *必须false才会自动加上正确的Content-Type  
           */ 
          contentType : false, 
          /**  
           * 必须false才会避开jQuery对 formdata 的默认处理  
           * XMLHttpRequest会对 formdata 进行正确的处理  
           */ 
          processData : false,
          success: function(data){//从后端返回数据进行处理
           if(data){
             alert("上传成功!");
           }else{
             alert("上传失败!");
           }
          },
          error: function(err) {//提交出错
            $("#msg").html(JSON.stringify(err));//打出响应信息
            alert("服务器无响应");
           }
         });
    }
    /script>

    spring.xml配置加上:

    !-- 配置文件上传 -->
      bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        !-- 默认编码 -->
        property name="defaultEncoding" value="utf-8" />
        !-- 文件大小最大值 -->
        property name="maxUploadSize" value="10485760000" />
        !-- 内存中的最大值 -->
        property name="maxInMemorySize" value="40960" />
      /bean>
    controller:
    /*
       * 上传多个文件
       */
      @RequestMapping(value = "/upload", produces = "application/json;charset=UTF-8")
      public @ResponseBody
      boolean uploadFiles(@RequestParam("file_upload") MultipartFile [] files) {
        boolean result = false;
        String realPath;
        for(int i=0;ifiles.length;i++){
          if (!files[i].isEmpty()) { 
              String uniqueName=files[i].getOriginalFilename();//得到文件名
              realPath="E:"+File.separator+uniqueName;//文件上传的路径这里为E盘
              files[i].transferTo(new File(realPath));  // 转存文件
              result = true;      
            } catch (Exception e) { 
              e.printStackTrace(); 
            } 
          }
        }
        return result;
      }

    下载的jsp页面代码根据需求不同自己设计,这里给出controller代码:

    /*
       * 下载多个文件
       */
      @RequestMapping(value = "/download")
      public void downloadFiles(HttpServletResponse response) {
        String str= request.getParameter("rows");//下载文件信息,包括文件名、存储路径等
        JSONArray path=(JSONArray) JSONArray.parse(request.getParameter("rows"));
        Path paths[]=new Path[path.size()];
        paths = JSONArray.parseArray(str, Path.class).toArray(paths);
        String uri = "d:"+ File.separator + "mldn.zip";//临时文件存储路径
        File zipFile = new File(uri) ;  // 定义压缩文件名称 
        ZipOutputStream zipOut = null;// 声明压缩流对象 
        InputStream input = null;
        //将要压缩的文件加入到压缩输出流中
        try {
          zipOut = new ZipOutputStream(new FileOutputStream(zipFile));
        } catch (FileNotFoundException e) {
          e.printStackTrace();
        }
        for(int i = 0;ipaths.length;i++){
          File file = new File(paths[i].getUri()+File.separator+paths[i].getFilename());
          try {
            input = new FileInputStream(file) ;// 定义文件的输入流 
            zipOut.putNextEntry(new ZipEntry(file.getName())) ; // 设置ZipEntry对象 
          } catch (Exception e) {
            e.printStackTrace();
          } 
        }
        //将文件写入到压缩文件中
        int temp = 0 ; 
        try {
          while((temp=input.read())!=-1){ // 读取内容 
            zipOut.write(temp) ;  // 写到压缩文件中 
          }
        } catch (IOException e) {
          e.printStackTrace();
        }finally{ 
          try {
            input.close() ;
            zipOut.close() ; 
          } catch (IOException e) {
            e.printStackTrace();
          } 
        }
        try {
          // 以流的形式下载文件。
          BufferedInputStream fis = new BufferedInputStream(new FileInputStream(zipFile));
          byte[] buffer = new byte[fis.available()];
          fis.read(buffer);
          fis.close();
          // 清空response
          response.reset();
          OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
          response.setContentType("application/x-msdownload;"); 
          response.setHeader("Content-Disposition", "attachment;filename=" + zipFile.getName());
          toClient.write(buffer);
          toClient.flush();
          toClient.close();
          zipFile.delete();    //将生成的服务器端文件删除
        } 
        catch (IOException ex) {
          ex.printStackTrace();
        }  
      }

    将多个文件打成一个压缩包下载,然后将生成的临时压缩文件删除。

    下载页面如果用Ajax提交请求的话要注意:ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form,用这个form提交参数,并返回“流”类型的数据。

    例子:

    function download(){
        var form=$("form>");//定义一个form表单
        form.attr("style","display:none");
        form.attr("target","");
        form.attr("method","post");
        form.attr("action","./path/download");//请求url
        var input1=$("input>");
        input1.attr("type","hidden");
        input1.attr("name","rows");//设置属性的名字
        input1.attr("value",“test”);//设置属性的值
        $("body").append(form);//将表单放置在web中
        form.append(input1);
        form.submit();//表单提交       
                  }

    总结

    以上所述是小编给大家介绍的SpringMVC+Ajax实现文件批量上传和下载功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • MyBatis与SpringMVC相结合实现文件上传、下载功能
    • SpringMVC实现文件的上传和下载实例代码
    • springMVC配置环境实现文件上传和下载
    • 在SpringMVC框架下实现文件的上传和下载示例
    • SpringMVC下实现Excel文件上传下载
    • SpringMVC框架实现图片上传与下载
    • SpringMVC实现文件上传和下载功能
    • SpringMvc3+extjs4实现上传与下载功能
    • SpringMVC实现文件上传和下载的工具类
    • springMVC实现文件上传和下载
    上一篇:ajaxFileupload实现多文件上传功能
    下一篇:Ajax+Servlet实现无刷新下拉联动效果
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    SpringMVC+Ajax实现文件批量上传和下载功能实例代码 SpringMVC+Ajax,实现,文件,批量,