上传较大的文件时,将文件切成多个小块,然后一次仅发送一个小部分。整个变速箱完成后,服务器将合并多个接受并形成上传文件的小件。这是上传的。这是上传的。这是上传的。
以下将介绍以下快速内容
这不是通过VUE,而是通过本机HTML和JS方法上传。理解逻辑更容易。稍后将其转换为VUE写作文件时,将其通过Axios上传,因此您可以首先配置其baseurl。我在这里为我。我在这里.http:// localhost:3000
HTML代码
将更改事件添加到文件域。当用户选择要上传的文件时,将文件信息分配给变量以促进文件使用
文件上传分为以下步骤
①创建切片
②上传切片
③成功上传所有上传后,告诉后端,后端将所有切片集成到文件中
首先编写一些用于部分处理和上传的功能,最后将完整的功能组合在一起
CreateFilechunks方法接收两个参数
上传时,组装要通过FormData对象上传的切片数据
遍历上面的Chunkslist阵列,致电Axios提交每个FormData信息
当所有切片成功上传后,告诉后端
上面编写了一些功能,并将以下方法串联连接以实现切片上传功能
绑定事件以上传按钮
handerfileupload功能
因为后端不是我们的主要关注点,所以我不会解释太多。
当然,您只需要更改前端代码即可。后端代码不需要修改
新的单个文件组件
原始:https://juejin.cn/post/7099098828738586