文件上传，算是项目开发中比较常见的需求，本文将展示如何构建一个多文件断点续传组件，可以同时处理多个文件，并可以在出现异常或者网络中断的情况下恢复上传，可以手动暂停和恢复文件的上传。

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…

在前面的部分，我们已经完成了文件的切片和 hash 的计算，接下来要做的就是把这些切片上传到后端了，这一部分并没有什么难度，按部就班的进行即可。 显然这里最关键的是如何对切片进行包装。 有了这些切片，我们再从前端发送一个 merge 请求，即可在后端完成切片的合并了。 在切片的…

最近做了一个需求，让用户本地上传一个最大 300M 的视频文件，下面是前端部分的记录。 接下来首先如何让用户上传文件，input 标签中type=file可以让用户上传文件，此处我是在 Vue 项目里。 此时已经可以让用户在本地上传文件了，但是这里有个问题，在该用户已经有上传过…

第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和图片压缩相关的知识点。 还在犹豫什么？跟上阿宝哥的脚步，让我们一起来玩转前端二…

最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…

一开始在知乎发文章，后来感觉知乎平台不太合适我，于是就来掘金啦。 前端通过input获取到用户选择的文件，放入FormData中，设置 content-type 为 multipart/form-data发送给服务端。服务端通过cookie/token/...等等信息，再对文件…