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

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应该怎么去操作呢?

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

  • iframe标签怎么弄? 接口的路径后面拼接参数 这个接口的url是iframe的src 这个怎么弄 接口的路径后面拼接参数 这个接口的url是iframe的src这个怎么弄?

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