问答

webkitdirectory实现web文件夹上传的问题

作者:admin 2021-07-06 我要评论

最近在开发中遇到了个偶现的问题:利用input的 webkitdirectory 进行文件夹上传,偶现点击上传后 浏览器没有任何反应 操作流程: 1.点击选择文件夹 2.弹出文件选...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

最近在开发中遇到了个偶现的问题:利用input的webkitdirectory进行文件夹上传,偶现点击上传后 浏览器没有任何反应
操作流程:
1.点击选择文件夹
image.png

2.弹出文件选择框 选择文件夹

3.chrome会自动弹出二次确认
image.png

以下是实现的代码

const uploader = document.createElement("input")
    uploader.multiple = true;
    uploader.name = "file";
    uploader.type = "file";
    uploader.setAttribute("webkitdirectory", "");
    uploader.click();
    uploader.addEventListener("change", (ev: any) => {
      callback()
      xxxxxx
      xxxxxx
      }
    })

按照正常流程 点击上传后 浏览器会执行传入的callback 但是目前会偶现 点击上传后 没走到回调里 概率大概是操作几十次出现一次

有没有大佬路过指点一下 不胜感激

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • webkitdirectory实现web文件夹上传的问

    webkitdirectory实现web文件夹上传的问

  • URL编码和ASCII编码有没有关系?

    URL编码和ASCII编码有没有关系?

  • 关于css的问题

    关于css的问题

  • tp5 数据库查询  如何进行多对多查询

    tp5 数据库查询 如何进行多对多查询

腾讯云代理商
海外云服务器