2013-05-02 3 views
5

Я пытаюсь использовать FormData для отправки данных через AJAX в PHP-скрипт. Кажется, что нет никаких проблем с текстовыми значениями типа ввода, но когда я пытаюсь добавить файлы, я получаю ошибку TypeError: Value не реализует интерфейс FormData.Javascript: TypeError: значение не реализует интерфейс FormData

Я новичок в FormData, но я искал в Интернете и не смог найти какой-либо документ для этой ошибки.

Вот форма:

<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> 

вот Javascript:

var formData = new FormData();  
formData.append('photos', $('#emp_photos').files[0]); 

вот ошибка, я получаю в поджигатель:

TypeError: Value does not implement interface FormData. 

...igger("ajaxComplete",[N,p]),--b.active||b.event.trigger("ajaxStop")))}return N},... 

jquery....min.js (line 5) 

Что я делаю неправильно здесь?

EDIT: Аякса часть

$.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) {/*...*/} 

}); 
+1

Где ваш Аякса вызов. Мы можем это увидеть? – KingKongFrog

+0

Это похоже на правильное решение http://stackoverflow.com/questions/15259632/upload-image-as-base64-with-jquery-ajax –

+0

Ty Tim, который помог мне решить его :) –

ответ

2
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); 
} 
+0

thnx много, его отличная – bhawin

+0

Как будет выполняться «emp_photos []» в php backend – bhawin

+0

$ _POST ['emp_photos'] foreach ($ _POST ['emp_photos'] as $ i => $ value) { echo "emp_photos [$ i] is $ value
"; } –

Смежные вопросы