[symfony2]文件通过ajax上传?

时间:2013-08-02 23:00:40

标签: ajax forms symfony upload

我想知道是否可以制作文件上传表单并通过ajax与symfony2发送数据?

这是我的视图:

<form class="upavatar" method="post" action="{{ path('sbcUserBundle_avatar', {'id': app.security.getToken().getUser().getId()}) }}" {{ form_enctype(form) }}>
  {{ form_end(form) }}
  {{ form_errors(form) }}
</form>
</div>
<script>          
 $('.upavatar').submit(function() 
 {
  $.post($(this).attr('action'), $(this).serialize(), function(data) {
        $("#upmyavatar").empty();
        $("#upmyavatar").html(data);
  });
  return false;
}); 
</script>

因为我在symfony2中执行了表单上传文件而没有ajax(实际上是jquery)它就像魅力一样,但是当我尝试通过ajax发送它时,表单处理程序找不到文件变量(我用xdebug检查) 。所以我开始怀疑是否可以通过symfony2中的ajax发送文件,过去我成功地将ajax用于“普通”形式。

感谢。

好吧,我通过这样做得到了它:

<script>
$('#myForm').live('change', function()
{
    var options = {
    beforeSend: function()
    {
        $("#progress").show();
        //clear everything
        $("#bar").width('0%');
        $("#message").html("");
        $("#percent").html("0%");
    },
    uploadProgress: function(event, position, total, percentComplete)
    {
        $("#bar").width(percentComplete+'%');
        $("#percent").html(percentComplete+'%');
    },
    success: function()
    {
        $("#bar").width('100%');
        $("#percent").html('100%');
    },
    complete: function(response)
    {
        $(".myavatarupload").empty();
        $(".myavatarupload").html("<font color='green'>"+response.responseText+"</font>");
    },
    error: function()
    {
        $("#message").html("<font color='red'> ERROR</font>");
    }
};
     $("#myForm").ajaxForm(options);
});
</script>

0 个答案:

没有答案