H5+JAVA的文件上传，断点续传

你的名字 2024-02-18 21:22 31阅读 0赞

*  断点上传能够防止意外情况导致上传一半的文件下次上传时还要从头下载，网上有很多关于断点的实现，这篇文章只是从前到后完整的记录下一个可用的实例，由于生产环境要求不高，而且就是提供给一两个人用，所以我简化了诸多过程，不用flash，也不用applet，只是通过html5的新特性进行浏览器端的处理。
 *  简单说下关键点

1.  如果上次传到n字节，那么浏览器下次续传直接就是从文件的n字节开始向服务器传送数据，而不是都传过去，服务器从n字节开始接收。
2.  html5能给文件分片，所以每次上传完一块文件后，应该返回当前已经上传的文件大小，好让h5能从此断点继续读取。
3.  前端的js是网上别人的底子，我进行了可用性修改。
4.  代码完全可用，而且都是用的最简单的东西实现
5.  可以看到我用了本地文件的最后修改时间这个属性，因为这样可以脱离数据库只通过文件名+文件最后修改时间来确定文件的唯一性，如果生产中有数据库的接入，建议先生成续传文件并返回对应的唯一id。

*  服务器端方法

1.  获取当前已经上传文件的大小

![复制代码][copycode.gif]

/**
          * 获取已上传的文件大小
          * @param request
          * @param response
          */
         public void getChunkedFileSize(HttpServletRequest request,HttpServletResponse response){
             //存储文件的路径，根据自己实际确定
             String currentFilePath = "c:\\uploadFile\\Image\\";
             PrintWriter print = null;
             try {
                 request.setCharacterEncoding("utf-8");
                 print = response.getWriter();
                 String fileName = new String(request.getParameter("fileName").getBytes("ISO-8859-1"),"UTF-8");
                 String lastModifyTime = request.getParameter("lastModifyTime");
                 File file = new File(currentFilePath+fileName+"."+lastModifyTime);
                 if(file.exists()){
                     print.print(file.length());
                 }else{
                     print.print(-1);
                 }
             } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
             }
             
         }

![复制代码][copycode.gif]

2.文件上传

![复制代码][copycode.gif]

/**
         * 
         * 断点文件上传 1.先判断断点文件是否存在 2.存在直接流上传 3.不存在直接新创建一个文件 4.上传完成以后设置文件名称
         *
         */
        public static void appendUpload2Server(HttpServletRequest request,HttpServletResponse response) {
            PrintWriter print = null;
            try {
                request.setCharacterEncoding("utf-8");
                print = response.getWriter();
                String fileSize = request.getParameter("fileSize");
                long totalSize = StringUtil.toLong(fileSize);
                RandomAccessFile randomAccessfile = null;
                long currentFileLength = 0;// 记录当前文件大小，用于判断文件是否上传完成
                String currentFilePath = "c:\\uploadFile\\Image\\";// 记录当前文件的绝对路径
                String fileName = new String(request.getParameter("fileName").getBytes("ISO-8859-1"),"UTF-8");
                String lastModifyTime = request.getParameter("lastModifyTime");
                File file = new File(currentFilePath+fileName+"."+lastModifyTime);
                // 存在文件
                if(file.exists()){
                    randomAccessfile = new RandomAccessFile(file, "rw");
                }
                 else {
                    // 不存在文件，根据文件标识创建文件
                    randomAccessfile = new RandomAccessFile(currentFilePath+fileName+"."+lastModifyTime, "rw");
                }
                        // 开始文件传输
                    InputStream in = request.getInputStream();
                    randomAccessfile.seek(randomAccessfile.length());
                    byte b[] = new byte[1024];
                    int n;
                    while ((n = in.read(b)) != -1) {
                        randomAccessfile.write(b, 0, n);
                    }
    
                currentFileLength = randomAccessfile.length();
    
                // 关闭文件
                closeRandomAccessFile(randomAccessfile);
                randomAccessfile = null;
                // 整个文件上传完成,修改文件后缀
                if (currentFileLength == totalSize) {
                        File oldFile = new File(currentFilePath+fileName+"."+lastModifyTime);
                        File newFile = new File(currentFilePath+fileName);
                        if(!oldFile.exists()){
                            return;//重命名文件不存在
                        }
                        if(newFile.exists()){
       // 如果存在形如test.txt的文件，则新的文件存储为test+当前时间戳.txt, 没处理不带扩展名的文件 
                            String newName = fileName.substring(0,fileName.lastIndexOf("."))
                                    +System.currentTimeMillis()+"."
                                    +fileName.substring(fileName.lastIndexOf(".")+1);
                            newFile = new File(currentFilePath+newName);
                        }
                        if(!oldFile.renameTo(newFile)){
                            oldFile.delete();
                        }
                         
                }
                print.print(currentFileLength);
                
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
        /**
         * 关闭随机访问文件
         * 
         * @param randomAccessfile
         */
        public static void closeRandomAccessFile(RandomAccessFile rfile) {
            if (null != rfile) {
                try {
                    rfile.close();
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }

![复制代码][copycode.gif]

*  jsp页面

![复制代码][copycode.gif]

<html>
    <head>
        <title>断点续传文件</title>
        <meta charset="utf-8">
    </head>
     
    <body onload="init();">
    <div class="row">
          <label for="fileToUpload">请选择需要上传的文件</label>
          <input type="file" name="fileToUpload" id="fileToUpload" onchange="fileSelected();" multiple/>
    </div>
    
    </div>
    <div class="row">
        <button onclick="uploadFiles()">上传</button>
        <button onclick="pauseUpload()">暂停</button>
         <label id="progressNumber"></label>
    </div>
    <div id="msg" style="max-height: 400px; overflow:auto;min-height: 100px;">
    </div>
    <br>
    <div><h6>支持批量，支持断点续传</h6></div>
    </body>
    </html>

![复制代码][copycode.gif]

*  js代码

![复制代码][copycode.gif]

![复制代码][copycode.gif]

[copycode.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/80adad6f3c2847c9a345ecb3a731a9df.png