JQuery AJAX эквивалент файла отправки формы - PullRequest
Новая
       3

JQuery AJAX эквивалент файла отправки формы

1 голос
/ 26 февраля 2012

У меня есть такая форма 

<form id="picuploadform" enctype="multipart/form-data" method="post" action="">

    <div class="row">
      <label for="fileToUpload">Select a File to Upload</label><br />
      <input type="file" name="fileToUpload" id="fileToUpload" /> 
     <input type="hidden" id = "picssn" name="picssn" value="qweweqwq">
    </div>

    <div class="row" style="width:150px;">
   <input type="submit"  value="Upload" />
    </div>

  </form>

Который, когда я нажимаю кнопку отправки, на этой странице появляется PHP, чтобы обработать его просто отлично. $ _FILES для получения файла и $ _POST для чтения picssn, который идет со скрытым вводом. Но из-за проблемы с мобильным Jquery я не могу использовать submit или .submit (). Поэтому я хочу использовать 

$.post('myphpfile.php', {picssn:$('#picssn').value(), file: $('#fileToUpload').xxxxxxxxxxxxxxxxx  });

вместо этого. Но я понятия не имею, как извлечь файл из этой формы и отправить его таким образом. Есть какой-нибудь метод, который может заменить xxxxxxxxxxxxxx? Спасибо!

Ответы [ 2 ]

0 голосов
/ 04 марта 2012

В элементе формы необходимо отключить отправку ajax, а затем исправить другой код.Попробуйте это: 

<form id="picuploadform" enctype="multipart/form-data" method="post" action="#" data-ajax="false">

    <div class="row">
      <label for="fileToUpload">Select a File to Upload</label><br />
      <input type="file" name="fileToUpload" id="fileToUpload" /> 
     <input type="hidden" id = "picssn" name="picssn" value="qweweqwq">
    </div>

    <div class="row" style="width:150px;">
   <input type="submit"  value="Upload" />
    </div>

  </form>
0 голосов
/ 26 февраля 2012

Вы не можете загрузить напрямую через ajax. Проверить это возможно: http://blueimp.github.com/jQuery-File-Upload/ или uploadify.com

...