松鼠的博客

导航

2023年11月7日 #

前端实现文件的断点续传

摘要: 早就听说过断点续传这种东西,前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传,只是一种实现方式,等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性,所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子(前端文件提交+后端PHP文件接收), 阅读全文

posted @ 2023-11-07 18:25 Xproer-松鼠 阅读(47) 评论(0) 推荐(0) 编辑

大文件分片上传、断点续传

摘要: 将文件变成二进制,方便后续分片 filepParse(file, type) { const caseType = { 'base64': 'readAsDataURL', 'buffer': 'readAsArrayBuffer' } const fileRead = new FileReader 阅读全文

posted @ 2023-11-07 15:57 Xproer-松鼠 阅读(34) 评论(0) 推荐(0) 编辑

vue 大文件分片上传(断点续传、并发上传、秒传)

摘要: 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍vue实现文件上传的步骤及代码 阅读全文

posted @ 2023-11-07 13:34 Xproer-松鼠 阅读(100) 评论(0) 推荐(0) 编辑

前端处理大文件/视频分片上传,断点续传

摘要: 1、html部分,项目使用的是ant-design-vue组件库;spark-md5进行加密上传 2、使用变量:(通过上传成功的分片数与总分片数对比判断上传是否完成) 3、主要方法: 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 阅读全文

posted @ 2023-11-07 11:01 Xproer-松鼠 阅读(86) 评论(0) 推荐(0) 编辑

大文件上传最全方案:秒传、断点续传、分片上传

摘要: 前言文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案有的, 阅读全文

posted @ 2023-11-07 09:54 Xproer-松鼠 阅读(416) 评论(0) 推荐(0) 编辑