2013-05-11 132 views
21

我试图让AJAX脚本上传为symfony1.2 2.镀铬返回此错误:AJAX FORMDATA:非法调用

Uncaught TypeError: Illegal invocation jquery.min.js:4

我认为这是由于FormData对象的构造不正确(我尝试用.serialized()脚本:

$(document).ready(function() { 
    $('#formImage').submit(function(event) { 
    event.preventDefault(); 
    // appel Ajax 
    alert("ajax"); 

    var input = document.getElementById("rasta_blogbundle_imagetype_file"); 
    console.log(input); 
    var formdata = false; 

    if (window.FormData) { 
     formdata = new FormData(); 
     console.log('formdata initialized ...'); 
    } 
    else{ 
     console.log('formdata not supported'); 
    } 

    formdata.append('name',$('#rasta_blogbundle_imagetype_name').val()); 
    console.log(formdata); 
    formdata.append('file',input); 
    formdata.append('_token',$('#rasta_blogbundle_imagetype__token').val()); 
    console.log(formdata);  
    //alert(DATA); 

    if (formdata){ 
     $.ajax({ 
      url: $(this).attr('action'), // le nom du fichier indiqué dans le formulaire 
      type: $(this).attr('method'), // la méthode indiquée dans le formulaire (get ou post) 
      cache: false, 
      //data : $(this).serialize(), 
      data: formdata , 
      success: function(data) { // je récupère la réponse du fichier PHP 
       $('#myModal').html(data); 
       console.log('ok'); 
      }   
      //return false; // 
     }); 
    } 
    }); 
}); 

回答

60

jQuery的尝试你FORMDATA对象转换为字符串,将它添加到您的$就电话:

processData: false, 
contentType: false 
+2

这应该完全是被接受的答案。 – Joseph 2014-09-23 15:08:51

+0

请参阅完整的工作示例:[http://stackoverflow.com/a/10899796/957950](http://stackoverflow.com/a/10899796/957950) – brichins 2015-11-10 00:16:13

+2

没有解决我的问题。 – 2016-05-16 15:52:24

0

它发生某些时候jQuery内部不正确的序列化数据数据修复它添加此。

cache : false, 
dataType : 'json', 
processData : false,