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