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方法,以便更好地理解。我也在尝试创建多个文件。