передача файлов через ajax
 

Пытаюсь переделать свою форму загрузки файлов на сервер. Нашел скрипт передачи данных формы через ajax. решил его использовать, только переделать для передачи файлов, заменив serialize() на FormData(). Однако не заработало. Может что-то еще надо изменить?

Форма:

<form method="post" id="uplfiles"  action="javascript:void(null);" onsubmit="uf()" enctype="multipart/form-data">
      <input type="file" name="filename[]" size="50" style="text-align:right"><br> 
      <input type="file" name="filename[]" size="50" style="text-align:right"><br> 
      <input type="file" name="filename[]" size="50" style="text-align:right"><br> 
	  <input name="test" type="hidden" value="on">
	  <input type="submit" value="Загрузить"><br>
      </form>

скрипт:

<script type="text/javascript" language="javascript">
    function uf() {
      var potok   = $('#uplfiles').FormData();
        $.ajax({
          type: 'POST',
          url: 'zz.php',
          data: potok,
          success: function(data) {
            $('.results').html(data);
          },
          error:  function(xhr, str){
                alert('Возникла ошибка: ' + xhr.responseCode);
            }
        });
 
    }
</script>

в zz.php пока просто ловлю поток, но туда еще просто не доходит.

Где ошибка?

$('#uplfiles').FormData(); - какой наивняк ) Если все было так просто....
Сначала почитай как использовать FormData.

Или используй jquery-form плагин для отправки форм с файлами

да, я вот вчера-сегодня покопался в теме, действительно наивен я был. с другой стороны, отчего же если тема такая востребованная, никто не написал стандартную функцию.