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

jQuery drop和trigger输入类型文件

1 个答案: