Javascript html输入是否支持拖放;从zip文件夹中删除?

Javascript html输入是否支持拖放;从zip文件夹中删除?,javascript,html,reactjs,Javascript,Html,Reactjs,我在带有HTML输入框的React组件中实现了拖放功能。它工作正常,它接收文件并将其上传到AmazonS3,检查文件类型是否与props指定的文件类型兼容 从ZIP文件拖动文件时会出现此问题。I console.loggue生成的文件对象,与从桌面文件夹拖动的文件的唯一区别是大小(from ZIP file=>size=0) 当我拖动文件时,是否有方法识别它来自ZIP文件,以便它等待文件完成上传到输入?另外,如何检查文件是否已完成上载 接收并检查文件的函数: export default fun

我在带有HTML输入框的React组件中实现了拖放功能。它工作正常,它接收文件并将其上传到AmazonS3,检查文件类型是否与props指定的文件类型兼容

从ZIP文件拖动文件时会出现此问题。I console.loggue生成的文件对象,与从桌面文件夹拖动的文件的唯一区别是大小(from ZIP file=>size=0)

当我拖动文件时,是否有方法识别它来自ZIP文件,以便它等待文件完成上传到输入?另外,如何检查文件是否已完成上载

接收并检查文件的函数:

export default function(e, onUpload, acceptedTypes) {
  e.stopPropagation()
  e.preventDefault()
  if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
    const file = e.dataTransfer.files[0]
    if (isAcceptedType(file, acceptedTypes)) {
      onUpload(file)
    }
  }
}
一开始我忘了提到,当我把一个文件放到输入中时,它会立即“上传”到S3,但大小为0(因为它来自一个ZIP文件),所以网站会将它识别为一个文件,但当我试图查看内容时,它会说错误


谢谢大家!

试试看它是否管用。@noɥ647; zɐ633;。我忘了提那件事了。我丢弃了它,输入会立即接收并发送它,所以当我检查文件时,它会显示错误。实际上没有“zip文件夹”这样的东西。有zip文件,一些应用程序将其显示为文件夹,以便于使用zip文件。我认为应用程序在其drop事件中进行解压缩,并且文件输入不被视为有效的drop目标。这就是为什么它不上传文件:剪贴板中没有可供上传的文件。最后,如果拖放的文件大小为0字节,我阻止了html输入。是的,我把问题搞砸了。谢谢你们,从现在起我会努力提高我的写作水平。英语不是我的第一语言。试试看它是否管用。@noɥ647; zɐ633;。我忘了提那件事了。我丢弃了它,输入会立即接收并发送它,所以当我检查文件时,它会显示错误。实际上没有“zip文件夹”这样的东西。有zip文件,一些应用程序将其显示为文件夹,以便于使用zip文件。我认为应用程序在其drop事件中进行解压缩,并且文件输入不被视为有效的drop目标。这就是为什么它不上传文件:剪贴板中没有可供上传的文件。最后,如果拖放的文件大小为0字节,我阻止了html输入。是的,我把问题搞砸了。谢谢你们,从现在起我会努力提高我的写作水平。英语不是我的第一语言。