项目中经常会使用到文件上传及下载的功能。本篇文章总结场景在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. Android camera2 回调imagereader 从Image拿到YUV数据转化成RGB,生成bitmap并保存

    ImageUtil.java import android.graphics.ImageFormat; import android.media.Image; import android.os.Bu ...

  2. 线特征---Edge Drawing(七)

    http://ceng.anadolu.edu.tr/cv/edgedrawing/ References C. Topal, C. Akinlar, Edge Drawing: A Combined ...

  3. 使用swoole编写简单的echo服务器

    server.php代码如下: <?php class EchoServer { protected $serv = null; public function __construct() { ...

  4. 如何提高php应用的性能?

    1. 如果能将类的方法定义成static,就尽量定义成static,它的速度会提升将近4倍.2.$row[’id’] 的速度是$row[id]的7倍.3.echo 比 print快,并且使用echo的 ...

  5. 13.Mysql触发器

    13.触发器13.1 创建触发器定义:触发器是与表有关的数据库对象,在满足定义条件时触发,并执行触发器中定义的语句集合.语法:create trigger 触发器名称 触发时机 触发事件 on 表名 ...

  6. PAT 1041 考试座位号(15)(代码)

    1041 考试座位号(15 分) 每个 PAT 考生在参加考试时都会被分配两个座位号,一个是试机座位,一个是考试座位.正常情况下,考生在入场时先得到试机座位号码,入座进入试机状态后,系统会显示该考生的 ...

  7. andorid 多线程handler用法

    .xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android ...

  8. MySql5.5 SQL优化 慢查询日志存储

    一.MySql的慢查询日志的开启和存储 1.查看是否把没有使用索引的SQL记录到慢查询日志中,查看 log_queries_not_using_indexes 变量; show VARIABLES L ...

  9. BZOJ1047或洛谷2216 [HAOI2007]理想的正方形

    BZOJ原题链接 洛谷原题链接 显然可以用数据结构或\(ST\)表或单调队列来维护最值. 这里采用单调队列来维护. 先用单调队列维护每一行的最大值和最小值,区间长为正方形长度. 再用单调队列维护之前维 ...

  10. error C4430: 缺少类型说明符 - 假定为 int。注意: C++ 不支持默认 int 错误的解决方法

    一些函数定义中,在VC6中,如果没有显示的指定返回值类型,编译器将其视为默认整型:但是vs2008/vs2010不支持默认整型,解决这个问题不能修改每个没有显示指示返回值类型的函数地方,可以用排除44 ...