yeyan1996/file-upload

A guide about how to upload large file (using plain javascript for frondend and backend)

Hi 👋, I'm Howie Zhou

A passionate full stack software engineer

• 🔭 I’m currently working on Bilibili

• 🌱 I’m currently learning Kubernetes

• 📝 I regularly write articles on juejin.cn and medium

• 💬 Ask me about Frontend Framework and DevOps

• 📫 How to reach me [email protected]

Languages and Tools:

file-upload's Issues

上传文件损坏

文件上传成功后，rar文件解压失败，mp4文件播放失效

关于计算hash进度的优化

计算hash时用的是percentage += 100 / fileChunkList.length会导致计算的进度不是连续的，尤其只有一个切片的时候，直接从0到100%了，建议放在onprogress事件中，可通过(e.loaded + size * count) / fileSize * 100生成连续的进度

跨分区rename Error: EXDEV: cross-device link not permitted

系统： window10
浏览器： chrome 79

跨分区rename 时会出现权限问题，导致不能生成新的文件从而接口一直pending

请问有Vue3的版本吗？我用Vue3写的，进度条计算属性不触发，使用watch+ { deep: true, flush: 'sync', }才行

merge请求的发出时机

当chunk数量小于6条时
你会发现
merge请求是和chunk的上传请求一起发出去的
不是代码设计**那样的 等chunk上传完毕 发一条merge

这会有什么问题呢？
此时的merge请求到了node端 fs.readdir(PATH) 无法读到PATH

为什么是6条呢？
浏览器中 http请求 同一个源一次最多6条 所以小于6条时 merge请求会和chunk上传请求一起发出

上传大文件时,上传的切片不完整

对切片文件使用sort排序的问题

服务端部分中对切片文件使用sort排序中，用“-”分割，在文件名中带有“-”就会有问题

返回已上传的所有切片名读取路径错误

这里应该是去读取临时目录

file-upload/server/controller.js

Line 78 in e09a52a

? await fse.readdir(path.resolve(UPLOAD_DIR, fileHash))

超过一个切片时生成的文件损坏

当把SIZE值设定为一个较小值，导致有超过一个切片出现时，就会出现最后生成的文件损坏的情况

在使用完worker的时候 应当要把worker关掉

worker.terminate()

multiparty解析后的fields和file都是undefined

multiparty解析后的fields和file都是undefined

提一个问题，掘金问题太多，怕被埋

关于web worker 那段代码，因为我看lz写的是《另外考虑到如果上传一个超大文件，读取文件内容计算 hash 是非常耗费时间的，并且会引起 UI 的阻塞，导致页面假死状态，所以我们使用 web-worker 在 worker 线程计算 hash》 这个地方我看虽然是webwork在计算hash值，但是一直在等这个值，因为下面要用到这个值。。这个地方不用webworker 是不是一样的呢。反正就算用了，主线程也要等。

size不一致导致的问题

createFileChunk函数允许传size参数，而通知服务端合并切片的函数那里所传的size是默认的SIZE，这样如果传给createFileChunk的size参数不是默认的SIZE的话就会导致2个size不一致

May I have a question?

How big is this file?

vertify接口

这个接口一直pending状态，查看代码

const resolvePost = req =>
    new Promise(resolve => {
        let chunk = "";
        req.on("data", data => {
            // 这个地方进不来
            chunk += data;
        });
        req.on("end", () => {
            console.log('bbbb')
            resolve(JSON.parse(chunk));
        });
    });