通过拖放创建文件输入

时间:2018-07-04 13:21:11

标签: javascript jquery forms drag-and-drop

我尝试为拖放的每个文件创建一个单独的文件输入。 (不上传!)

$('#file-list').on('dragover',function(e) {
    e.preventDefault();
    e.stopPropagation();
});
$('#file-list').on('dragenter',function(e) {
    e.preventDefault();
    e.stopPropagation();
});
$('#file-list').on('drop',function(e){
  if(e.originalEvent.dataTransfer)
    {
    if(e.originalEvent.dataTransfer.files.length)
        {
      e.preventDefault();
      e.stopPropagation();
            for(var i = 0; i < e.originalEvent.dataTransfer.files.length; i++)
            {
                var newFile = $( '<div class="file"><input type="file" name="files[]"><a href="#" class="btn btn-file-delete"><i class="icon material-icons">delete</i></a></div>').appendTo('#file-list');
                //newFile.find('input[type="file"]').prop('files',newFile.find('input[type="file"]').prop('files').push(e.originalEvent.dataTransfer.files[i]));
            }
    }
  }
});

这就是我到目前为止所掌握的。问题是注释行。如何将输入元素的文件设置为放置的文件?

0 个答案:

没有答案