AbortController 可终止大文件上传，需将 signal 传给 fetch 或手动结合 XMLHttpRequest；每次上传应新建 controller，且仅对网络请求有效。

在 JavaScript 中，用 AbortController 终止大文件上传，核心是把它的 signal 传给 fetch 或 XMLHttpRequest，并在上传过程中调用 abort()。关键在于：上传必须使用支持 abort 的 API（如 fetch），且不能是已封装死的第三方库（除非它显式暴露 abort 接口）。

确保 fetch 请求携带 signal

上传大文件时，直接用 fetch 发送 FormData 或 ArrayBuffer，并传入 AbortSignal：

const controller = new AbortController();
const signal = controller.signal;
<p>const formData = new FormData();
formData.append('file', fileInput.files[0]);</p><p>fetch('/upload', {
method: 'POST',
body: formData,
signal // ✅ 必须传入
})
.then(res => res.json())
.catch(err => {
if (err.name === 'AbortError') {
console.log('上传已取消');
} else {
console.error('上传失败', err);
}
});

提供可触发终止的 UI 控制按钮

用户点击“取消”时调用 controller.abort()，无需额外清理（浏览器自动中止请求、释放连接）：

java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

• 按钮绑定点击事件：document.getElementById('cancelBtn').addEventListener('click', () => controller.abort());
• 建议禁用上传按钮、显示“取消中…”状态，避免重复点击
• 可选：监听 signal.onabort 做收尾提示，但非必需（catch 已覆盖）

注意 XMLHttpRequest 的兼容写法

若项目仍用 XMLHttpRequest（比如需监听上传进度），需手动检查 signal.aborted 并调用 xhr.abort()：

立即学习“Java免费学习笔记（深入）”；

const controller = new AbortController();
const xhr = new XMLHttpRequest();
<p>xhr.upload.addEventListener('progress', e => {
if (controller.signal.aborted) {
xhr.abort(); // ✅ 主动中止
return;
}
console.log(<code>上传中: ${(e.loaded / e.total * 100).toFixed(2)}%</code>);
});</p><p>controller.signal.addEventListener('abort', () => {
console.log('收到中止信号');
});</p><p>xhr.open('POST', '/upload');
xhr.send(formData);

避免常见坑

• 不要复用 controller：每次上传应新建 AbortController，否则多个请求互相干扰
• 不支持所有场景：AbortController 对 FileReader、纯前端压缩等非网络操作无效，需单独处理
• 服务端配合更稳妥：即使前端中止，服务端可能仍在接收数据；建议后端也校验连接是否断开（如 Node.js 的 req.aborted）