jQuery拖放和触发输入类型文件

Question

我想构建一个自定义的拖放和文件上传。我的div容器是空的。在放下文件后，我将一个'''类型的文件放入容器中，并希望触发其文件附件功能。我的代码无法正常工作。善意的建议或指导。你的青睐将不胜感激。

下面是我的代码

<div class="drag" ondrop="drop(event)" ondragover="allowDrop(event)"> 

function allowDrop(event) { 
     event.preventDefault(); 
    } 
    function addinputfile(){ 
     $('.drag').append('<div class="upload"><input type="file" name="ufile[]" id="ufile" multiple></div>'); 
    } 

    function drop(event) { 
     event.preventDefault(); 
     console.log('something dropped here!'); 
     addinputfile(); 
     $('#input#ufile').trigger("click"); 
    } 

代码是简单地增加“”文件类型，打它用于文件上传。

Answer 1

实际上，有些浏览器不允许在输入文件中使用事件触发器，只有直接来自用户的Click事件才会起作用。

但是替代方法是这样做的，请参考这里Jquery trigger file input