当前位置: 首页 > 知识库问答 >
问题:

javascript - 想请教一个多文件上传的需求实现?

袁智明
2024-03-18

想请教巨佬们一个需求问题,

使用环境是一个后台element admin这种

需求是有一个待上传列表,是市里各个学校的列表,每个学校可能会一下子上传几十份pdf文件,那样的话一下子调用几十次上传接口,领导的意思是多选文件之后合并成一个大文件上传(有点没明白),请问有谁有合适一点的解决方案呢

共有3个答案

方砚
2024-03-18

你可以使用 jszip 这个包,file-saver 这个可以根据你情况使用。
大致思路就是:
1、上传文件不自动上传,改为手动上传
2、将选择的文件使用 jszip 打包成一个 zip 文件上传给后端

具体操作你可以搜搜使用方式,网上的demo也很多

谭建章
2024-03-18

一般同时调用几十次上传接口,浏览器会自己处理并发,也可以自己在代码里维护一个上传队列,没听说过要把文件合并上传,反而是大文件上传需要分开切片上传。

能烨华
2024-03-18

没有意义。

  1. 大文件上传更容易失败和出错
  2. 前端压缩文件需要时间,可能导致 UI 冻结

更合适的做法是搞成队列,一个一个上传。或者一批一批的上传。

其实如果你们用云服务比如 s3 或者 oss 的话,批量上传也没啥。

 类似资料:
  • 上面是代码 现在的问题是 上传多个文件的时候回调用多次接口,比如上传三个文件就回调用三次axios请求 现在需要解决的是 上传多个文件只执行一次axios请求

  • 问题内容: 我正在执行一个使用Python请求库上传文件的简单任务。我搜索了Stack Overflow,似乎没有人遇到相同的问题,即服务器未收到该文件: 我用文件名填充了’upload_file’关键字的值,因为如果我将其保留为空白,则表示 现在我明白了 仅当文件为空时才会出现。因此,我对如何成功发送文件感到困惑。我知道该文件有效,因为如果我访问此网站并手动填写表格,它将返回一个很好的匹配对象列

  • 本文向大家介绍PHP实现文件上传和多文件上传,包括了PHP实现文件上传和多文件上传的使用技巧和注意事项,需要的朋友参考一下 在PHP程序开发中,文件上传是一个使用非常普遍的功能,也是PHP程序员的必备技能之一。值得高兴的是,在PHP中实现文件上传功能要比在Java、C#等语言中简单得多。下面我们结合具体的代码实例来详细介绍如何通过PHP实现文件上传和多文件上传功能。 要使用PHP实现文件上传功能,

  • 本文向大家介绍Spring boot实现文件上传实例(多文件上传),包括了Spring boot实现文件上传实例(多文件上传)的使用技巧和注意事项,需要的朋友参考一下 文件上传主要分以下几个步骤: (1)新建maven java project; (2)在pom.xml加入相应依赖; (3)新建一个表单页面(这里使用thymleaf); (4)编写controller; (5)测试; (6)对上传

  • 本文向大家介绍原生JavaScript实现异步多文件上传,包括了原生JavaScript实现异步多文件上传的使用技巧和注意事项,需要的朋友参考一下 这是在上篇的修改版本。后台代码不变就可以接着使用,但是脚本不再使用jQuery了,改为原生的JavaScript 代码,所以我们主要看JS代码。 先介绍一下技术参数: 页面技术:HTML5 后台技术:Servlet 3.0 服务器:Tomcat 7.0

  • 本文向大家介绍PHP文件上传之多文件上传的实现思路,包括了PHP文件上传之多文件上传的实现思路的使用技巧和注意事项,需要的朋友参考一下 多文件上传的两种情况 ①使用多个name值 a.点击提交之后接收到的数据格式 从这种格式可以看出来,每一个文件对应一个数组单元 所以使用foreach遍历数组,并对每个数组单元进行文件上传函数调用 b.点击提交后的操作 ①接收上传的文件信息 $file = $_F