Javascript: TypeError: Value does not implement interface FormData
javascript, jquery
Solution
var inputs = $("input[type=file]"),
files = [];
// jquery or javascript have a slightly different notation
// it's either accessing functions () or arrays [] depending on which object you're holding at the moment
for (var i = 0; i < inputs.length; i++){
files.push(inputs.eq(i).prop("files")[0]);
//files.push(inputs[i].files[0]);
//filename = inputs[i].files[0].name;
//filesize = inputs[i].files[0].size;
}
if (formdata) {
// you can use the array notation of your input's `name` attribute here
formdata.append("emp_photos[]", files);
}
Problem
I'm trying to use FormData to send data via AJAX to a PHP script. There doesn't seem to be any problem with the input type text values but when i try to append files i get the error TypeError: Value does not implement interface FormData. I am new to FormData, but i searched on the web and couldn't find any doc on this error. Here's the form : ``` <form id="item_form" class="item_form" enctype="multipart/form-data"> <div class=""> <label for="emp_photos">photos</label> <input id="emp_photos" class="inputText" type="file" value="" name="emp_photos"> </div> </form> ``` here'S the Javascript : ``` var formData = new FormData(); formData.append('photos', $('#emp_photos').files[0]); ``` here's the error i get in firebug : ``` TypeError: Value does not implement interface FormData. ...igger("ajaxComplete",[N,p]),--b.active||b.event.trigger("ajaxStop")))}return N},... jquery....min.js (line 5) ``` What am i doing wrong here ? EDIT: ajax part ``` $.ajax({ type: 'POST', url: '"; echo $_SESSION["url_base"]; echo "operations/add_employes', data: formData, xhr: function() { // custom xhr myXhr = $.ajaxSettings.xhr(); if(myXhr.upload) { // check if upload property exists myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // for handling the progress of the upload } return myXhr; }, success: function(msg) {/*...*/} }); ```