jQuery drop and trigger input type file

Question

I am trying to build a custom drag drop and file upload. My div container is empty. Upon drop file i am '' an '' type file into the container and want to trigger its file attachment functionality. my code is not working properly . kindly advice or guide. your favour will be appreciated.

following is my code

<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");
    }

code is simply adding '' file type and hitting it to use for file upload.

Community · Accepted Answer · 2017-05-23 12:15:29Z

1

Actually, some browsers won't allow event trigger on the input: file, Click event will work only, when it comes directly from the user.

But alternative is there to do this, refer it here Jquery trigger file input

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Mar 10, 2016 at 17:04

srinath

544 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery drop and trigger input type file

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related