jQuery - FormData() append not working?

Question

I have this simple snippet in which I wnat to add a selected file from a inputfield in FormData-Object, but whatever I do, a data.toSource() always returns nothing.

Can someone tell me, what I'm doing wrong?

http://jsfiddle.net/ktcjjff4/

$(document).ready(function() {

$('#basicUploadFile').live('change', function () {        

    data = new FormData();

    for (var i = 0; i < this.files.length; i++)  {
        data.append('userfile', this.files[i].name);
        alert(this.files[i].name);
    }

    alert(data.toSource());       


    });    

});

score 1 · Answer 1 · edited May 23 '17 at 12:23

1

The data.toSource() is not a function in Chrome or Safari. It should have been:

data.toString();  // OR
JSON.stringify(data);

Also toSource() does not work in Internet Explorer or Safari. It is Gecko-only. See Implementing Mozilla's toSource() method in Internet Explorer for alternatives.

edited May 23 '17 at 12:23

Community

1
1

answered Jan 20 '16 at 12:29

Praveen Kumar Purushothaman

164,888
24
203
252

I only did the `toSource()` to see if the file from my input has been put into the FormData – AdmiralCrunch Jan 20 '16 at 12:31
@user5517285 Try `FormData.entries()` also. – Praveen Kumar Purushothaman Jan 20 '16 at 12:32
@user5517285 Chrome support for methods other than append is currently behind the "Enable Experimental Web Platform Features" flag. – Praveen Kumar Purushothaman Jan 20 '16 at 12:33
@user5517285 See more information in [`FormData` MDN](https://developer.mozilla.org/en/docs/Web/API/FormData). – Praveen Kumar Purushothaman Jan 20 '16 at 12:33

jQuery - FormData() append not working?

1 Answers1