jQuery bind file input dynamically and retrieve file in a function

Question

I have a function will create a fileinput field for example

function addCol () {
   //add file input fields

   //last line of the function will bind all file input fields to a function
   $('#upload_'+rowNum[1]+'_'+colSize).bind('change', {fh:'upload_'+rowNum[1]+'_'+colSize}, readURL);
}

The function

function readURL(e) {
    alert(e.data.fh);
    var input = $('#'+e.data.fh);
    alert(input.files);
}

As a result,

e.data.fh = 'upload_1_1'
input.files = undefined

Anyone know how I can retrieve the file from the file input fields dynamically?

@Zamboney it works, you can make your comments as answer

hkguile
– hkguile

2016-03-30 07:46:53 +00:00
Commented Mar 30, 2016 at 7:46 — hkguile
– hkguile, Commented Mar 30, 2016 at 7:46

Zamboney · Accepted Answer · 2016-03-30 07:48:45Z

1

try e.target.files[0] the e.target return the html tag <input type="file"> and in this tag there is a property call files that contain all of the files that been loaded

answered Mar 30, 2016 at 7:48

Zamboney

2,00712 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

jQuery bind file input dynamically and retrieve file in a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related