Vue实现大文件上传和断点续传

作者: 99uki分类: 野生技能协会 发布时间: 2020-08-02 09:18:00 浏览:19104 次

Vue实现大文件上传和断点续传

祁隆艾芙洛:
大文件上传代码有bug!! 1、前端在计算每个切片大小的时候可能会出现(file.size)/100比其真实的值要小!因为JS存储是ieee754标准,会有小数误差,这样会导致后端合并出来的文件比原文件少一个字节。所以每个切片的大小需要包一个Math.ceil(),宁可多传。 2、video标签需要的mp4视频格式必须是H264格式,不然会出现上传的视频在网页上展示只有声音而没用画面!这个估计得后端做转码了。

【回复】回复 @shelleyYuki :有啥结果吗
【回复】那我暂时是没有遇到你说的这两问题哦,不过我去研究一下
聪明可爱小轩轩:
根据本视频,加入的自己的有些想法,写成了这篇文章。https://juejin.cn/post/6934189282768715783 如果对视频中的某些内容有不明白,也许在这可以找到答案,谢谢!!!

【回复】回复 @聪明可爱小轩轩 :还有没
【回复】回复 @改次昵称就要六个币 :私人号码:smallFattyXuan 后续打算开个新号,最近在准备文章了,到时候欢迎关注
【回复】大佬公众号怎么注销了,如何添加私人微信呀
红黑围巾:
既然 JS 做计算会有小数误差,那我就用固定大小不就完事了

丶划水无醉:
UnhandledPromiseRejectionWarning: TypeError: Cannot read property '0' of undefined 有铁子报这个错误么,客户端和服务端都能正常启动,但是在使用app1上传的时候,它不能 识别服务端中 let file = files.file【0】;

【回复】回复 @丶划水无醉 :同样的问题, App2是base64的普通上传, App3分片上传同样的问题
【回复】App3中的错误是node:5816) UnhandledPromiseRejectionWarning: TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)),App2能正常使用
【回复】回复 @M____7 :把multiparty这个解析插件换了,有问题。。与formData兼容感觉有点问题,换成比如说,formidable... App3 就可以上传了。
秋水不爱星河:
很强学到了,是我想复杂了,原来这么简单[委屈]

NuyoahYoloVelpro:
各位朋友,切片上传有没有出现如果点了暂停,再恢复,会瞬间同时触发很多条请求,然后,这样最后在后台合成的文件资源,也是有问题的,打不开! 但如果不点暂停,则没事。。文件上传正常

99uki:
我也没有啊,那一天我没听,所以没要文件

大脖子小屁股:
服务端代码有问题,let file = files.file【0】;报错,因为file获得的是一个空对象,有谁知道怎么解决?

【回复】回复 @wavyhair_ : 时间过去太久了,我不知道当时是怎么弄的了。
【回复】找到问题了,nodejs版本过高就会有这个错误,我16+的版本报错,下了一个8+版本的就好了。
【回复】解决了吗? form.parse这个方法的回调里面, fields, files这两个参数已经是空对象了。

前端 文件 经验分享 前端开发 Vue 文件上传

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

更多相关阅读