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

javascript - input标签上传文件夹页面卡死应该怎么办?

边永贞
2024-04-04

使用input标签上传文件时,当用户选择文件夹且文件夹中包含太多文件时,页面会卡死或者崩溃。
请问这种情况应该怎么优化?谢谢

<input      ref="input"      type="file"      webkitdirectory      multiple      hidden      @change="changeFile" />

共有2个答案

子车高超
2024-04-04

使用 Dropzone.js 试试

鲁英卫
2024-04-04

那就是东西太多,客户端性能不行,要不压缩成zip,让服务端进行解压处理

 类似资料:
  • 上传文件的功能是后端来做 点击浏览按钮能弹出选择的文件夹 点击上传的按钮需要调接口完成上传功能 下面是定义的接口和后端postman截图 只要传一个path就可以了,请问应该在Upload方法里面怎么调用接口把需要上传的文件传给后端呢

  • null null 我曾经序列化表单数据,但后来不得不添加文件上传,所以我使用FormData类。但不管用。我找不到原因。请帮帮我。

  • 接口传参的时候需要给后端传的参数是数组 大概是这样的: 在这弹窗里面,点击弹窗下面的保存按钮调接口,需要把每一行的单位代码和总人口作为参数传过去,还要判断一下id,这条数据有id的话就传id,没有id的话就不传id 只传单位代码和总人口 请问接口传参应该怎么传多维数组,把每一行的单位代码和总人口传给后端,还有判断id应该怎么去操作呢?

  • 使用EventSource建立连接接收后端推送的数据,但是多开标签页后(约3-4个)新的标签页页面卡死,请求都在pending,应该是因为到了浏览器连接数的上限了,要如何解决这个问题呢? 是不是使用websocket就不会有这个问题?

  • 问题内容: 如何使文件选择器的按钮文本国际化?例如,此代码向用户呈现的内容: 问题答案: 它通常由浏览器提供并且很难更改,因此解决该问题的唯一方法是CSS / JavaScript hack,

  • 主要内容:一、写在前面,二、原始的文件上传方案,三、HDFS对大文件上传的性能优化,1. Chunk缓冲机制,2. Packet数据包机制,3. 内存队列异步发送机制,四、总结一、写在前面 上一篇文章,我们聊了一下Hadoop中的NameNode里的edits log写机制。 主要分析了edits log写入磁盘和网络的时候,是如何通过分段加锁以及双缓冲的机制,大幅度提升了多线程并发写edits log的吞吐量,从而支持高并发的访问。 如果没看那篇文章的同学,可以回看一下:《放几十亿数据的系统还