惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
云风的 BLOG
云风的 BLOG
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Hacker News
The Hacker News
Martin Fowler
Martin Fowler
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
U
Unit 42
F
Full Disclosure
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Recorded Future
Recorded Future
Security Archives - TechRepublic
Security Archives - TechRepublic
阮一峰的网络日志
阮一峰的网络日志
T
Threatpost
P
Privacy International News Feed
GbyAI
GbyAI
Stack Overflow Blog
Stack Overflow Blog
MongoDB | Blog
MongoDB | Blog
I
Intezer
Recent Announcements
Recent Announcements
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
P
Privacy & Cybersecurity Law Blog
A
Arctic Wolf
博客园 - 聂微东
博客园 - 叶小钗
Cisco Talos Blog
Cisco Talos Blog
H
Help Net Security
S
Schneier on Security
Y
Y Combinator Blog
D
Darknet – Hacking Tools, Hacker News & Cyber Security
T
The Exploit Database - CXSecurity.com
T
Tor Project blog
月光博客
月光博客
NISL@THU
NISL@THU
A
About on SuperTechFans
Spread Privacy
Spread Privacy
Blog — PlanetScale
Blog — PlanetScale
D
DataBreaches.Net
雷峰网
雷峰网
C
CXSECURITY Database RSS Feed - CXSecurity.com
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - 【当耐特】
G
Google Developers Blog
W
WeLiveSecurity
P
Palo Alto Networks Blog
The Last Watchdog
The Last Watchdog
K
Kaspersky official blog
博客园 - 司徒正美
L
LINUX DO - 热门话题
小众软件
小众软件

博客园 - 漫思

python使用.env构建开发和生产环境 python项目的构建 nodejs构建CICD时的思考  成为 AI 智能体工程师的 10 个步骤 es6的 yield python 中的 yield 笔记本的A壳 thinkpad 更换 reduce() in Python python的字段赋值和取值的操作 python的语法类似于lodash分组展开,合并分组操作 SelectMany C# lodash 数组的常用做法 lodash里面的常用方法 技术的边界 Reduce 和 Transduce 的含义 尤雨溪创办的 VoidZero 官宣加入 Cloudflare,前端 Vite 等保持开源 Ramda 函数库参考教程 ramda es 数组的方法 flatmap map object.entity的教程 Map与FlatMap:在数据处理中的区别与联系 flat、flatmap与map的用法区别1 flat、flatmap与map的用法区别 AI不是从天而降,它经历了七十年三起三落:读懂AI的第三课 Agent 17 种架构模式 分析 & 思考 只有踩过坑才懂:前端生成唯一 ID,别用 Date.now ()了!试试它crypto.randomUUID() FastAPI python并发 代码是 AI 写的,生产事故谁背锅? AI Agent 走出 Demo 幻觉的唯一解药:Harness Engineering 高管的 AI 精神病 小米开源可控视频音效生成模型 ControlFoley ​IBM 联合红帽投资 50 亿美元:帮助企业确保开源软件安全 国家大基金领投 DeepSeek,首轮融资投前估值 450 亿美元 SpaceX 自研 AI 训练栈 V1.0 接近完工:用 C 重写、适配 22 万块 GB300 GPU 高管的 AI 精神病 - 漫思 做一款企业真正敢用的AI测试应用,到底有多难?究竟难在哪? - 漫思 工良吐槽篇:万字长文细说 AI 落地之笑谈 koarouter的路由基本能力 7. 简单语句 class-validator class- @koa/router 分路由 这是我见过的最好的koa2 classvalidate typeorm的能力 HLS.js destroy时会取消请求吗 从入门到精通:2025年本体管理工具选型指南,8款工具助你驾驭语义网络 一文入门智能体:dify 超快速构建AI agent C# 15 类型系统改进:Union Types skill网站 应无所住,而生其心 process.stdin.isTTY 谷歌学术走过风雨十年 听创始人畅谈苦辣酸甜 - 漫思 process.stdin.isTTY 是false的具体情况 asyncio 较为复杂的demo asyncio 简单demo python Annotated 独家解读:淘宝使用 Node.js 的 TypeScript 多场景开发和实践 mac uv 使用 Python 包管理工具 uv 使用教程 Python依赖管理新标杆:UV工具安装与实战指南 python的uv lobehubui python的enum通过int进行初始化 python的枚举类型 深度拆解:AI 智能体 Harness 的构造【译】 LlamaIndex是什么?LlamaIndex综述!看这一篇就够了! python和langchain的简单教程 nodejs的顶尖开源项目 基础Pydantic+TypedDict+Annotated +Dataclass 深度解析Python结构化数据工具:dataclass、Pydantic Model与TypedDict 被 LangChain 全家桶搞晕了?LangGraph、LangSmith、LangFlow 一文读懂 - 漫思 谁才是企业级开源平台的优选?OpenCSG与Dify、Coze、Langflow、Ollama 的差异化之路 四大框架全景解析:LangChain、LangGraph、DeepAgent、LangFlow 测试数据管理方式对比:dict vs dataclass vs TypedDict 革命性的写作:MDX 让你的 Markdown 全面动起来 Python - pydantic 入门介绍与 Models 的简单使用 欢迎使用 Pydantic¶ python模块导入 Python 里通常说“数组切片”,大多数时候指的是列表切片。基本格式是: Python 遍历字典的8种方法 python基础教程 or的简单用法 C# 15 引入了 联合类型 asyncio的基础理论 flask配置热更新 Form.Item 无法直接绑定两个 name Form.Item 的双向翻译官:getValueFromEvent 与 getValueProps Knex.js入门指南:Node.js最强大的SQL查询构建器 knex.js1 Knex.js RFC 9535:JSONPath 的标准化之路 C#多线程Thread.Join()的详解 Pretext:值得关注的文本排版引擎 Flask入门(四):Flask静态文件及配置 【高并发】消息队列思路 为何高并发系统中都要使用消息队列?这次彻底懂了! Node.js 消息队列应用:RabbitMQ、Kafka 与处理高并发任务 大文件上传下载处理方案-断点续传,秒传,分片,合并 Node.js 缓存策略优化:Redis、Memcached 与本地缓存实现 .NET开发者的救星:8个让你告别996的高效库 别再吹牛了,100% Vibe Coding 存在无法自洽的逻辑漏洞!
自定义hook的写法
漫思 · 2026-04-25 · via 博客园 - 漫思

import { useState } from 'react';

import { message } from 'antd';

import SparkMD5 from 'spark-md5';

import { uploadFile as uploadFileService, uploadInit, finishUpload } from '@/services/files';

interface UploadParams {

md5: string;

file_name: string;

file_size: number;

part_size: number;

}

const useUpload = () => {

const [uploading, setUploading] = useState(false);

const [progress, setProgress] = useState(0);

const calculateMD5 = (file: File): Promise<string> => {

return new Promise((resolve, reject) => {

const chunkSize = 2097152; // 2MB

const chunks = Math.ceil(file.size / chunkSize);

const spark = new SparkMD5.ArrayBuffer();

const fileReader = new FileReader();

let currentChunk = 0;

fileReader.onload = (e) => {

if (e.target?.result) {

spark.append(e.target.result as ArrayBuffer);

currentChunk++;

if (currentChunk < chunks) {

loadNext();

} else {

resolve(spark.end());

}

}

};

fileReader.onerror = reject;

const loadNext = () => {

const start = currentChunk * chunkSize;

const end = start + chunkSize >= file.size ? file.size : start + chunkSize;

fileReader.readAsArrayBuffer(file.slice(start, end));

};

loadNext();

});

};

const uploadFile = async (file: File, basePath: string = 'data') => {

try {

setUploading(true);

setProgress(0);

// 使用新的简单上传接口

setProgress(30);

const result = await uploadFileService(file, basePath);

if (result.code === 200 && result.data?.success) {

setProgress(100);

return result.data.file_id;

} else {

throw new Error(result.message || '上传失败');

}

} catch (error: any) {

console.error('文件上传失败:', error);

const errorMessage = error?.response?.data?.detail || error?.message || '上传失败,请重试';

message.error(errorMessage);

throw error;

} finally {

setUploading(false);

}

};

const uploadWholeFile = async (file: File, uploadUrl: string) => {

const response = await fetch(uploadUrl, {

method: 'PUT',

headers: {

'Content-Type': 'application/octet-stream',

},

body: file,

});

if (!response.ok) {

throw new Error(`上传失败: ${response.statusText}`);

}

setProgress(90);

};

const downloadFile = async (fileId?: any) => {

const res = await getFilesDownload(fileId);

const response = res?.data?.url;

if(res.code === 200){

const contentDisposition = response.headers['content-disposition'];

let fileName = 'cargo_export'; // 默认文件名

if (contentDisposition) {

// 关键正则:兼容带/不带引号、URL编码的文件名

const match = contentDisposition.match(/filename=(?:")?(.+?)(?:")?(?:;|$)/i);

if (match && match[1]) {

fileName = decodeURIComponent(match[1].trim()); // 解码+去空格

}

}

console.log(response);

try {

const downloadElement = document.createElement("a");

const href = window.URL.createObjectURL(response?.data); // 直接使用Blob对象

downloadElement.style.display = "none";

downloadElement.href = href;

// 优先使用传入的fileName,否则默认名

downloadElement.download = fileName || 'download file';

document.body.appendChild(downloadElement);

downloadElement.click();

document.body.removeChild(downloadElement);

window.URL.revokeObjectURL(href); // 释放资源

} catch (error) {

console.error("下载文件时出错:", error);

throw new Error("文件下载失败,请重试"); // 抛出错误供上层处理

}

}

};

const exportFile = async (fileId: any, fileName: string) => {

const res = await getArchivalData(fileId);

const response = res?.data;

if(res.code === 200){

const url = response;

const a = document.createElement('a');

a.href = url;

a.download = fileName;

document.body.appendChild(a);

a.click();

document.body.removeChild(a);

URL.revokeObjectURL(url); // Clean up the URL object

}

};

// 导出结构化数据

const exportStructuredData = async (fileId: any, fileName: string) => {

const res = await getStructuredDataExport(fileId);

const response = res?.data;

if(res.code === 200){

const url = response;

const a = document.createElement('a');

a.href = url;

a.download = fileName;

document.body.appendChild(a);

a.click();

document.body.removeChild(a);

URL.revokeObjectURL(url); // Clean up the URL object

}

};

return { uploading, progress, uploadFile, downloadFile, exportFile, exportStructuredData };

};

export default useUpload;