项目中经常会使用到文件上传及下载的功能。本篇文章总结场景在JavaWeb环境下,多文件上传及批量打包下载功能,包括前台及后台部分。 
首先明确一点: 
无法通过页面的无刷新ajax请求,直接发下载、上传请求。上传和下载,均需要在整页请求的基础上实现。项目中一般通过构建form表单形式实现这一功能。

一、多文件上传

项目需求为实现多图片上传功能。参考测试了网上找到的众多插件方法后,决定选用Jquery原始上传方案。以下按步骤贴出具体代码。

1、HTML部分(可省略使用js构建)
<form id="uploadForm" method="post" enctype="multipart/form-data">
    <input type="file" hidden name="fileImage" multiple/>
    <a href="javascript:void(0);" id="fileSubmit" onclick="uploadFileMulti()">上传资料</a>
</form>

有几点说明: 
1. form中 enctype=”multipart/form-data” 
2. 例中使用标签,构建submit

2JS部分

var formData = new FormData($("#uploadForm")[0]);
formData.append("foldName", "datumList");      //设置父级文件夹名称
 
formData.append("oderCode", selfOrderCode);
formData.append("datumType", datumType);
$.ajax({
    type: "POST",
    data: formData,
    url: "order/datumList/batchInsertDatumLists",
    contentType: false,
    processData: false,
    success: function (result) {
        if (result.success) {
 
            //清空框文件内容
            $("#fileImage").val("");
            var obj = document.getElementById('fileImage');
            obj.outerHTML = obj.outerHTML;
 
            refreshDatumList();
            showSuccessToast(result.message);
        } else {
            showWarningToast(result.message);
        }
    },
    error: function () {
        showErrorToast('请求失败!')
    }
}); 
以上有几点说明: 
1. var formData = new FormData($(“#uploadForm”)[0]); 
2. 使用 formData.append(“oderCode”, selfOrderCode); 添加其他参数
Java后台
MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) request; List<MultipartFile> files = mRequest.getFiles("fileImage");
以上有几点说明: 
1. 获取MultipartHttpServletRequest,对应file标签的name

二、文件批量下载

本项目中,需求为批量下载某一批次文件。使用zip在服务器压缩文件,之后将文件下载到客户机。 
网上查询,使用Java自带的文件输出类不能解决压缩文件中文件名乱码的问题。解决方法:使用ant.jar包,创建压缩文件时,可以设置文件的编码格式,文件名乱码的问题就解决了。

HTML部分(可省略使用js构建)
<form id="uploadForm" method="post" enctype="multipart/form-data">
    <div class="product-dl">
        <input type="hidden" name="orderCode"/>
        <input type="hidden" name="datumType"/>
        <a href="javascript:void(0);" class="btn" onclick="batchDatumListDownLoad()">批量下载</a>
    </div>
</form>
JS部分
//批量下载
function batchDatumListDownLoad() {
    var param = {};
    param.datumType = $("#datumTypeQ").val();
    if (param.datumType == -1) {
        param.datumType = null;     //查询所有
    }
    param.orderCode = selfOrderCode;
 
    $("#uploadForm input[name=orderCode]").val(param.orderCode);
    $("#uploadForm input[name=datumType]").val(param.datumType);
 
    var form = $("#uploadForm")[0];
    form.action = "order/datumList/batchDownLoadDatumList";
    form.method = "post";
    form.submit();//表单提交
}
 
后台部分
public void batchDownLoadDatumList(DatumListVo datumListVo, HttpServletResponse response) {
    try {
        //查询文件列表
        List<DatumListVo> voList = datumListService.queryDatumLists(datumListVo);
 
        //压缩文件
        List<File> files = new ArrayList<>();
        for (DatumListVo vo : voList) {
            File file = new File(vo.getDatumUrl());
            files.add(file);
        }
 
        String fileName = datumListVo.getOrderCode() + "_" + datumListVo.getDatumType() + ".zip";
        //在服务器端创建打包下载的临时文件
        String globalUploadPath = "";
        String osName = System.getProperty("os.name");
        if (osName.toLowerCase().indexOf("windows") >= 0) {
            globalUploadPath = GlobalKeys.getString(GlobalKeys.WINDOWS_UPLOAD_PATH);
        } else if (osName.toLowerCase().indexOf("linux") >= 0 || osName.toLowerCase().indexOf("mac") >= 0) {
            globalUploadPath = GlobalKeys.getString(GlobalKeys.LINUX_UPLOAD_PATH);
        }
        String outFilePath = globalUploadPath + File.separator + fileName;
        File file = new File(outFilePath);
        //文件输出流
        FileOutputStream outStream = new FileOutputStream(file);
        //压缩流
        ZipOutputStream toClient = new ZipOutputStream(outStream);
        //设置压缩文件内的字符编码,不然会变成乱码
        toClient.setEncoding("GBK");
        ZipUtil.zipFile(files, toClient);
        toClient.close();
        outStream.close();
        ZipUtil.downloadZip(file, response);
 
    } catch (Exception e) {
        e.printStackTrace();
    }
}
 
其中ZipUtil.java
/**
 * 压缩文件列表中的文件
 *
 * @param files
 * @param outputStream
 * @throws IOException
 */
public static void zipFile(List files, ZipOutputStream outputStream) throws IOException, ServletException {
    try {
        int size = files.size();
        //压缩列表中的文件
        for (int i = 0; i < size; i++) {
            File file = (File) files.get(i);
            try {
                zipFile(file, outputStream);
            } catch (Exception e) {
                continue;
            }
        }
    } catch (Exception e) {
        throw e;
    }
}
 
/**
 * 将文件写入到zip文件中
 *
 * @param inputFile
 * @param outputstream
 * @throws Exception
 */
public static void zipFile(File inputFile, ZipOutputStream outputstream) throws IOException, ServletException {
    try {
        if (inputFile.exists()) {
            if (inputFile.isFile()) {
                FileInputStream inStream = new FileInputStream(inputFile);
                BufferedInputStream bInStream = new BufferedInputStream(inStream);
                ZipEntry entry = new ZipEntry(inputFile.getName());
                outputstream.putNextEntry(entry);
 
                final int MAX_BYTE = 10 * 1024 * 1024;    //最大的流为10M
                long streamTotal = 0;                      //接受流的容量
                int streamNum = 0;                      //流需要分开的数量
                int leaveByte = 0;                      //文件剩下的字符数
                byte[] inOutbyte;                          //byte数组接受文件的数据
 
                streamTotal = bInStream.available();                        //通过available方法取得流的最大字符数
                streamNum = (int) Math.floor(streamTotal / MAX_BYTE);    //取得流文件需要分开的数量
                leaveByte = (int) streamTotal % MAX_BYTE;                //分开文件之后,剩余的数量
 
                if (streamNum > 0) {
                    for (int j = 0; j < streamNum; ++j) {
                        inOutbyte = new byte[MAX_BYTE];
                        //读入流,保存在byte数组
                        bInStream.read(inOutbyte, 0, MAX_BYTE);
                        outputstream.write(inOutbyte, 0, MAX_BYTE);  //写出流
                    }
                }
                //写出剩下的流数据
                inOutbyte = new byte[leaveByte];
                bInStream.read(inOutbyte, 0, leaveByte);
                outputstream.write(inOutbyte);
                outputstream.closeEntry();     //Closes the current ZIP entry and positions the stream for writing the next entry
                bInStream.close();    //关闭
                inStream.close();
            }
        } else {
            throw new ServletException("文件不存在!");
        }
    } catch (IOException e) {
        throw e;
    }
}
 
/**
 * 下载打包的文件
 *
 * @param file
 * @param response
 */
public static void downloadZip(File file, HttpServletResponse response) {
    try {
        // 以流的形式下载文件。
        BufferedInputStream fis = new BufferedInputStream(new FileInputStream(file.getPath()));
        byte[] buffer = new byte[fis.available()];
        fis.read(buffer);
        fis.close();
        // 清空response
        response.reset();
 
        OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
        response.setContentType("application/octet-stream");
        response.setHeader("Content-Disposition", "attachment;filename=" + file.getName());
        toClient.write(buffer);
        toClient.flush();
        toClient.close();
        file.delete();        //将生成的服务器端文件删除
    } catch (IOException ex) {
        ex.printStackTrace();
    }
}
以上基本满足文件上传下载所需

DEMO下载地址:https://dwz.cn/fgXtRtnu




JavaWeb多文件上传及zip打包下载的更多相关文章

  1. JavaWeb:实现文件上传

    JavaWeb:实现文件上传 理解文件上传: 1.上传文件就是把客户端的文件发送给服务器端. 2.HTTP响应的正文部分最常见的是HTML文档,但是也可以是其他任意格式的数据,如图片和声音文件中的数据 ...

  2. JavaWeb实现文件上传下载功能实例解析

    转:http://www.cnblogs.com/xdp-gacl/p/4200090.html JavaWeb实现文件上传下载功能实例解析 在Web应用系统开发中,文件上传和下载功能是非常常用的功能 ...

  3. JavaWeb:实现文件上传与下载

    JavaWeb:实现文件上传与下载 文件上传前端处理 本模块使用到的前端Ajax库为Axio,其地址为GitHub官网. 关于文件上传 上传文件就是把客户端的文件发送给服务器端. 在常见情况(不包含文 ...

  4. JavaWeb实现文件上传下载功能实例解析 (好用)

    转: JavaWeb实现文件上传下载功能实例解析 转:http://www.cnblogs.com/xdp-gacl/p/4200090.html JavaWeb实现文件上传下载功能实例解析 在Web ...

  5. 使用传统javaweb进行文件上传

    使用传统文件上传方式 1.配置依赖 <properties> <project.build.sourceEncoding>UTF-8</project.build.sou ...

  6. 深入分析JavaWeb Item40 -- 文件上传和下载

    在Web应用系统开发中,文件上传和下载功能是很经常使用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 对于文件上传.浏览器在上传的过程中是将文件以流的形式提交到server端的.假设 ...

  7. JavaWeb 之文件上传

    1. 文件上传的要求 1.1 上传对表单的限制 method="post"; enctype="multipart/form-data"; 表单中需要添加文件表 ...

  8. javaweb大文件上传

    本文主要关于利用html表单上传文件的后台代码实现. 需要用到两个工具类Apache commons-fileupload和commons-io. 注意要校验是否选择文件上传,最开始写的时候没有加上校 ...

  9. javaWeb实现文件上传与下载 (转)

    文件上传概述 实现web开发中的文件上传功能,需完成如下二步操作: 在web页面中添加上传输入项 在servlet中读取上传文件的数据,并保存到本地硬盘中. 如何在web页面中添加上传输入项? < ...

随机推荐

  1. CentOS 6、7 安装 Golang

    方法一:使用二进制文件安装 (推荐) 1.下载二进制文件: wget https://storage.googleapis.com/golang/go1.7.3.linux-amd64.tar.gz ...

  2. alv界面透视功能

    bdcdata_wa-fnam = 'P_MONAT-LOW'.               bdcdata_wa-fval = '01'.               APPEND bdcdata_ ...

  3. C#中静态构造函数

    静态构造函数用于初始化任何静态数据,或执行仅需执行一次的特定操作. 将在创建第一个实例或引用任何静态成员之前自动调用静态构造函数. 静态构造函数的属性 1. 静态构造函数不使用访问修饰符或不具有参数. ...

  4. YII2 在使用控制器调试微信接口时报错 Unable to verify your data submission

    出现这个原因,是因为提交数据时,被YII2的CSRF验证给拦截了. 只需要在当前控制器设置一个属性,关闭该验证就可以了. public $enableCsrfValidation = false;

  5. qrcodenet二维码图片下扩展区域添加号段的操作

    总监安排了个任务,一个号码导出一个二维码图, 我实现了最终还能批量生成,结果主管说要在图片下边添加一行,和图片是一起的 最开始把控件的上的图给改了,结果保存起来没用,控件上的图跟要保存的不是一个事. ...

  6. 虚拟机vmware centos7 扩展磁盘空间

    0.思路 创建一个新的逻辑分区,将新的逻辑分区格式化ext3(或其他类型)的文件系统,mount到磁盘空间不够的文件系统,就跟原来的分区/文件系统一样的使用 1.准备 1.1 注意使用VMware自带 ...

  7. 开源项目CircleImageView

    1.在自己MainActivity所在包下创建CircleImageView.class文件 package 自己包名; import android.content.Context; import ...

  8. 安卓个性化 Button

    1.加入属性 android:background="@drawable/btn_selector" 2.drawable 下创建btn_selector.xml <?xml ...

  9. Android.DebugOnDevices

    真机调试Android http://www.cnblogs.com/junqilian/archive/2012/11/08/2760734.html

  10. python提取百度经验<标题,发布时间,平均流量,总流量,具体的链接>

    之前想研究下怎么抓网页数据.然后就有了下面的练习了. 如有BUG.也纯属正常. 只是练习.请勿投入产品使用. #!/usr/bin/python # -*- coding: utf-8 -*- #Fi ...