Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/hadoop/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html5将文件拖到输入端-我可以将文件拖到同一输入端多次,然后添加文件而不是替换文件吗?_Javascript_Html - Fatal编程技术网

Javascript html5将文件拖到输入端-我可以将文件拖到同一输入端多次,然后添加文件而不是替换文件吗?

Javascript html5将文件拖到输入端-我可以将文件拖到同一输入端多次,然后添加文件而不是替换文件吗?,javascript,html,Javascript,Html,下面是一个将文件拖放到文件输入中的代码段,它还有一个按钮。有没有什么方法可以使我可以拖动或单击来添加单个(或任意数量的文件)的倍数,但不是替换已经存在的文件,而是将其添加到其中 dropContainer.ondragover = dropContainer.ondragenter = function(evt) { evt.preventDefault(); }; dropContainer.ondrop = function(evt) { // pretty simple -- b

下面是一个将文件拖放到文件输入中的代码段,它还有一个按钮。有没有什么方法可以使我可以拖动或单击来添加单个(或任意数量的文件)的倍数,但不是替换已经存在的文件,而是将其添加到其中

dropContainer.ondragover = dropContainer.ondragenter = function(evt) {
  evt.preventDefault();
};

dropContainer.ondrop = function(evt) {
  // pretty simple -- but not for IE :(
  fileInput.files = evt.dataTransfer.files;
  evt.preventDefault();
};

到这里来
应在此处更新:

想出了一个办法。我最初有10个输入,最后9个隐藏在页面上,还有一个名为showNext的函数来取消隐藏下一个输入行。重要的是我在.ondrop中修改了一行,通过索引将文件数据添加到特定输入中,然后取消隐藏下一个输入

 dropContainer.ondrop = function(evt) {
  var fileInput = document.getElementsByClassName('fileInput');

  // pretty simple -- but not for IE :(
  fileInput[].files = evt.dataTransfer.files;
  evt.preventDefault();
    count = count + 1;
  showNext(count);
};

想出了一个办法。我最初有10个输入,最后9个隐藏在页面上,还有一个名为showNext的函数来取消隐藏下一个输入行。重要的是我在.ondrop中修改了一行,通过索引将文件数据添加到特定输入中,然后取消隐藏下一个输入

 dropContainer.ondrop = function(evt) {
  var fileInput = document.getElementsByClassName('fileInput');

  // pretty simple -- but not for IE :(
  fileInput[].files = evt.dataTransfer.files;
  evt.preventDefault();
    count = count + 1;
  showNext(count);
};

看来这是不可能的。这不是我想做的,我想出来了,并作为一个答案发布了。看来这是不可能的。这不是我想做的,我想出来了,并作为一个答案发布了你能附加更多的代码吗?我想我需要看看你的html和showNext方法,以便更好地理解。我正在尝试删除多个文件。你能附加更多的代码吗?我想我需要看看你的html和showNext方法,以便更好地理解。我也在尝试创建多个文件。