×

typescript

Vue3 Element-plus大文件分片上传组件 (elementui分片上传)

DomyselfYuzhendong DomyselfYuzhendong 发表于2024-06-01 浏览5279 评论0
一、背景 实际项目中遇到需要上传几十个G的3d模型文件,传统上传就不适用了。 结合element提供的上传组件自己封装了文件分片上传的组件。 思路: 把文件拆分成若干分片 依次上传分片(每次上传前可校验该分片是否已经上传) 发起合并分片的请求 二、技术栈 Vue3+Ts+Element-Plus 其他库:spark-md5 后端接口: 上传分片接口 校验分片是否已上传接口 合并分片接口 三、核心代码实现 Element组件基础配置 <el-upload drag

typescript

Ts extends 泛型约束

不能说的秘密 不能说的秘密 发表于2024-05-30 浏览5673 评论0
extends 泛型约束 我们一般使用extends来继承接口或者类,但是extends还可以用来泛型约束 function getCnames<T extends { name: string }>(entities: T[]):string[] { return entities.map(entity => entity.cname) } 比如,以上代码对传入的参数进行了约束,传入的参数必须要有name这个属性,否则就会出错 条件类型与高阶类型 exte