【vue + springboot】切片+断点上传 + 秒传

需要了解透彻请参考：如何实现大文件上传、断点续传、切片上传_断点上传-优快云博客

说明

切片：根据指定的大小对文件进行切块上传。

断点上传：每次上传完成一个切片后端保存信息，前端每次上传都判断所上传的文件是否存在，存在后端则返回信息，前端再根据信息进行调整继续上传。

秒传：如果文件已经在后端中存在，直接返回上传成功。可以节磁盘，提高用户体验，这里我用的是文件名来判断，不推荐，一般使用hash或者算法来为文件取一个唯一标识。

前端

axiosFun.sj

没有安装axios就在命令行安装：npm install axios

import axios from 'axios';

const req = (method, url, params) => {

    return axios({

        method: method,

        url: url,

        data: params,

        headers: {

            'Content-Type': 'multipart/form-data',

        },

        traditional: true,

    }).then(res => res.data);

};

const jsonReq = (method, url) => {

    return axios({

        method: method,

        url: url,

        traditional: true,

    }).then(res => res.data);

};

export { req, jsonReq };

request.js

import { req, jsonReq } from "./axiosFun";

export const upload = (params) => req('post', '/test/upload', params)

export const getUploadFile = (params) => jsonReq('get', '/test/getUploadFile/' + params)

type.js

class FileChunk {

  constructor(chunk, fileName, start, end, total) {

<