当前位置: 首页 > 网络应用技术

上传前端大文件,即以流方式上传

时间:2023-03-06 22:46:11 网络应用技术

  上传较大的文件时,将文件切成多个小块,然后一次仅发送一个小部分。整个变速箱完成后,服务器将合并多个接受并形成上传文件的小件。这是上传的。这是上传的。这是上传的。

  以下将介绍以下快速内容

  这不是通过VUE,而是通过本机HTML和JS方法上传。理解逻辑更容易。稍后将其转换为VUE写作文件时,将其通过Axios上传,因此您可以首先配置其baseurl。我在这里为我。我在这里.http:// localhost:3000

  HTML代码

  将更改事件添加到文件域。当用户选择要上传的文件时,将文件信息分配给变量以促进文件使用

  文件上传分为以下步骤

  ①创建切片

  ②上传切片

  ③成功上传所有上传后,告诉后端,后端将所有切片集成到文件中

  首先编写一些用于部分处理和上传的功能,最后将完整的功能组合在一起

  CreateFilechunks方法接收两个参数

  上传时,组装要通过FormData对象上传的切片数据

  遍历上面的Chunkslist阵列,致电Axios提交每个FormData信息

  当所有切片成功上传后,告诉后端

  上面编写了一些功能,并将以下方法串联连接以实现切片上传功能

  绑定事件以上传按钮

  handerfileupload功能

  因为后端不是我们的主要关注点,所以我不会解释太多。

  当然,您只需要更改前端代码即可。后端代码不需要修改

  新的单个文件组件

  原始:https://juejin.cn/post/7099098828738586