SpringBoot 实战:文件上传之秒传、断点续传、分片上传

1.秒传:几乎瞬间完成文件上传的过程。其实现原理是通过计算文件的哈希值(如 MD5 或 SHA-1),然后将这个唯一的标识符发送给服务器。如果服务器上已经存在相同的文件,则直接返回成功信息,避免了重复上传。这种方式不仅节省了带宽,也大大提高了用户体验。

private static final String UPLOAD_DIR = new File("").getAbsolutePath() + "/uploads/";



    @PostMapping("/upload")
    public ResponseEntity<String> handleFileUpload(@RequestParam("file") MultipartFile file) {
        try {
            // 计算文件的MD5值
            String md5 = calculateMD5(file);
            System.out.println("文件MD5: " + md5);

            // 检查文件是否已经存在
            if (isFileExist(md5)) {
                System.out.println("文件已存在: " + md5);
                return ResponseEntity.ok("文件已存在,无需重复上传");
            }

            // 保存文件
            saveFile(file, md5);

            return ResponseEntity.ok("文件上传成功");
        } catch (Exception e) {
            e.printStackTrace();
            return ResponseEntity.badRequest().body("上传失败:" + e.getMessage());
        }
    }

    private String calculateMD5(MultipartFile file) throws IOException, NoSuchAlgorithmException {
        MessageDigest digest = MessageDigest.getInstance("MD5");
        byte[] bytes = file.getBytes();
        byte[] hash = digest.digest(bytes);
        StringBuilder hexString = new StringBuilder();
        for (byte b : hash) {
            String hex = Integer.toHexString(0xFF & b);
            if (hex.length() == 1) hexString.append('0');
            hexString.append(hex);
        }
        return hexString.toString();
    }

    private boolean isFileExist(String md5) {
        File file = new File(UPLOAD_DIR + md5);
        boolean exists = file.exists();
        System.out.println("检查文件是否存在: " + UPLOAD_DIR + md5 + " - " + exists);
        return exists;
    }

    private void saveFile(MultipartFile file, String md5) throws IOException {
        // 确保上传目录存在
        File uploadDir = new File(UPLOAD_DIR);
        if (!uploadDir.exists()) {
            uploadDir.mkdirs();
        }

        // 保存文件
        Files.copy(file.getInputStream(), Paths.get(UPLOAD_DIR + md5));
        System.out.println("文件保存成功: " + UPLOAD_DIR + md5);
    }

前端实现:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>秒传</title>
    <script th:src="@{/js/spark-md5.js}"></script>
</head>
<body>
<input type="file" id="fileInput" />
<button onclick="startUpload()">开始上传</button>
<hr>
<div>
    <progress id="progressBar" value="0" max="100"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晴天飛 雪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值