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"