实战篇：断点续传？文件秒传？手撸大文件上传（二）

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。

上篇文章中我们讲解了RandomAccessFile 的四种模式，今天我们来看下他的API以及前端如何实现大文件分块功能。

API

1、void seek(long pos)：设置下一次读取或写入时的文件指针偏移量，通俗点说就是指定下次读文件数据的位置。

偏移量可以设置在文件末尾之外，只有在偏移量设置超出文件末尾后，才能通过写入更改文件长度；

2、native long getFilePointer()：返回当前文件的光标位置；

3、native long length()：返回当前文件的长度；

4、读方法

5、写方法

6、readFully(byte[] b)：这个方法的作用就是将文本中的内容填满这个缓冲区b。如果缓冲b不能被填满，那么读取流的过程将被阻塞，如果发现是流的结尾，那么会抛出异常；

7、FileChannel getChannel()：返回与此文件关联的唯一FileChannel对象；

8、int skipBytes(int n)：试图跳过n个字节的输入，丢弃跳过的字节；

RandomAccessFile的绝大多数功能，已经被JDK1.4的NIO的内存映射文件取代了，即把文件映射到内存后再操作，省去了频繁磁盘io。

总结经验，砥砺前行：之前的实战文章中过多的粘贴了源码，影响了各位小伙伴的阅读感受。经过大佬的点拨，以后将展示部分关键代码，供各位赏析，源码可在后台获取。

文件分块

文件分块需要在前端进行处理，可以利用强大的js库或者现成的组件进行分块处理。需要确定分块的大小和分块的数量，然后为每一个分块指定一个索引值。

为了防止上传文件的分块与其它文件混淆，采用文件的md5值来进行区分，该值也可以用来校验服务器上是否存在该文件以及文件的上传状态。

• 如果文件存在，直接返回文件地址；
• 如果文件不存在，但是有上传状态，即部分分块上传成功，则返回未上传的分块索引数组；
• 如果文件不存在，且上传状态为空，则所有分块均需要上传。

fileRederInstance.readAsBinaryString(file);
fileRederInstance.addEventListener("load", (e) => {
    let fileBolb = e.target.result;
    fileMD5 = md5(fileBolb);
    const formData = new FormData();
    formData.append("md5", fileMD5);
    axios
        .post(http + "/fileUpload/checkFileMd5", formData)
        .then((res) => {
            if (res.data.message == "文件已存在") {
                //文件已存在不走后面分片了，直接返回文件地址到前台页面
                success && success(res);
            } else {
                //文件不存在存在两种情况，一种是返回data：null代表未上传过 一种是data:[xx，xx] 还有哪几片未上传
                if (!res.data.data) {
                    //还有几片未上传情况，断点续传
                    chunkArr = res.data.data;
                }
                readChunkMD5();
            }
        })
        .catch((e) => {});
});
复制代码

在调用上传接口前，通过slice方法来取出索引在文件中对应位置的分块。

const getChunkInfo = (file, currentChunk, chunkSize) => {
       //获取对应下标下的文件片段
       let start = currentChunk * chunkSize;
       let end = Math.min(file.size, start + chunkSize);
       //对文件分块
       let chunk = file.slice(start, end);
       return { start, end, chunk };
   };
复制代码

之后调用上传接口完成上传。

下篇文章我们将给大家说一下断点续传、文件秒传的代码与逻辑。

以上就是今天的全部内容了，如果你有不同的意见或者更好的idea，欢迎联系阿Q，添加阿Q可以加入技术交流群参与讨论呦！