Невозможно загрузить файл, используя AJAX с FormData -- ajax пол Связанный проблема

cannot upload file using ajax with formdata


1
vote

проблема

русский

У меня есть следующий код в моей форме. Я пытаюсь загрузить файлы через AJAX с помощью jQuery. Другие поля данных в форме были представлены в порядке. Но я не могу добавлять файлы в почтовый запрос.

Вот мой HTML-код:

 <код>  <div class="form-group">       <div class="col-lg-2">        <label class="lab pull-right">Image:</label>       </div>       <div class="col-lg-2">         <input type="file" name="nimp" required>       </div>    </div>      <div class="form-group">      <div class="col-lg-2">        <label class="lab pull-right">Thumb Image:</label>       </div>       <div class="col-lg-2">         <input type="file" name="ntimp"  id="ntimp" required>       </div>    </div>   

Мой код JQ:

 <код> $(document).ready(function(e) { $('button.submit').click(function(e) {      e.preventDefault();     var a=new FormData();      alert(a);      $('.edit_form_prod_div').hide();      $.ajax({                       type:"POST",                      url:"ep.php",                     data:a,                     cahe: false,                    processData:false,                    contentType: false,                    success: function(response){                    $('.edit_prod_response').html(response)                       },                          error:function(response)                   { alert("Error Occures"); }                      });                      $('.edit_prod_response').show(); }); });   
Английский оригинал

I have the following code in my form. I try to upload the files via ajax using jquery. Other data fields in the form was submitted fine. But i cant add FILES to the POST request.

Here is my html code:

 <div class="form-group">       <div class="col-lg-2">        <label class="lab pull-right">Image:</label>       </div>       <div class="col-lg-2">         <input type="file" name="nimp" required>       </div>    </div>      <div class="form-group">      <div class="col-lg-2">        <label class="lab pull-right">Thumb Image:</label>       </div>       <div class="col-lg-2">         <input type="file" name="ntimp"  id="ntimp" required>       </div>    </div> 

My JQ Code:

$(document).ready(function(e) { $('button.submit').click(function(e) {      e.preventDefault();     var a=new FormData();      alert(a);      $('.edit_form_prod_div').hide();      $.ajax({                       type:"POST",                      url:"ep.php",                     data:a,                     cahe: false,                    processData:false,                    contentType: false,                    success: function(response){                    $('.edit_prod_response').html(response)                       },                          error:function(response)                   { alert("Error Occures"); }                      });                      $('.edit_prod_response').show(); }); }); 
</div
  
       
       

Список ответов

0
 
vote

Попробуйте этот код

 <код> <form method="POST" enctype="multipart/form-data" id="fileUploadForm">     <input type="file" name="files"/><br/><br/>     <input type="submit" value="Submit" id="btnSubmit"/> </form>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>   <script>  $(document).ready(function () {     $("#btnSubmit").click(function()     {         var form = $('#fileUploadForm')[0];         var data = new FormData(form);          $.ajax({             type: "POST",             enctype: 'multipart/form-data',             url: "FileUploadHandler",             data: data,             processData: false, // Importent             contentType: false, // Importent             cache: false,             timeout: 600000,             success: function (data)             { alert("File Uploaded...!")             }         });     });   </script>   
 

Try This Code

<form method="POST" enctype="multipart/form-data" id="fileUploadForm">     <input type="file" name="files"/><br/><br/>     <input type="submit" value="Submit" id="btnSubmit"/> </form>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>   <script>  $(document).ready(function () {     $("#btnSubmit").click(function()     {         var form = $('#fileUploadForm')[0];         var data = new FormData(form);          $.ajax({             type: "POST",             enctype: 'multipart/form-data',             url: "FileUploadHandler",             data: data,             processData: false, // Importent             contentType: false, // Importent             cache: false,             timeout: 600000,             success: function (data)             { alert("File Uploaded...!")             }         });     });   </script> 
</div
 
 

Связанный проблема

33  Ajax и back back back  ( Ajax and the browser back button ) 
Я запускаю игру на основе браузера на www.darknovagames.com. В последнее время я работал над переформатию сайта с CSS, пытаясь получить все его страницы для п...

-3  почему не сохранить данные из MySQL [закрыт]  ( Why dont save data from mysql ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыто. Этот вопрос нуждается в Детали отладки . В настоящее вр...

3  Ошибка отображения значения Ajax Array  ( Ajax array value display error ) 
Я базовый ajax и используя результат дисплея (форма и пользовательское значение (например, json)) ajax. Мой код: <код> var obj = {"employees":[ {"firstN...

18  Скаивание страниц Ajax с помощью Python  ( Scraping ajax pages using python ) 
Я уже видел Этот вопрос о сосконии ajax , Но питон там не упоминается. Я подумал, используя Скалипта , я верю, что у них есть некоторые документы на эту тем...

0  Получение .val из списка выбора, который загружен через ajax  ( Getting val of select list that is loaded on through ajax ) 
У меня возникли проблемы с получением <код> .val из списка выбора, я загружаюсь через <код> ajax . Похоже, дает мне только значение первого варианта, независ...

0  Ajax Загрузка сообщения  ( Ajax loading message ) 
Я хочу отобразить загрузочную сообщение при получении результатов через AJAX, но я не могу. Может кто-нибудь помочь, пожалуйста? <код> <script type="text/ja...

1  Ajax WebServices архитектура  ( Ajax webservices architecture ) 
В чем разница между: Использование Ajax для вызова веб-службы непосредственно и оказываемых результат в HTML, и Использование Ajax для вызова локальный п...

11  Ajax для ValueChangeListener  ( Ajax for valuechangelistener ) 
Я использую p:ajax слушателя, чтобы обрабатывать события изменения значения (потому что <код> valueChangeListener запущен по форме): <код> <p:ajax event=...

17  Опыт с интеграцией весны 3 MVC с GWT?  ( Experiences with integrating spring 3 mvc with gwt ) 
Дано: Весна 3.0 MVC имеет отличную поддержку для отдыха с одним из представлений, будучи JSON. GWT упрощает разработку, поскольку UI разработан в Java. Но...

2  Selected Selection Laravel не удалось загрузить ресурс: сервер ответил на статус 500  ( Laravel chained select failed to load resource the server responded with a stat ) 
Полное редактирование Я отредактировал мой оригинальный вопрос, когда я уточнил мой код, который положил меня в гораздо лучшую позицию, чтобы определить луч...

0  Jquery: открыть всплывающее окно после парящего  ( Jquery open popup after hovering ) 
Я использую ASP.NET с C # Мне нужно отобразить всплывающую панель (не должен быть панелью), когда я наклоняюсь к элементу пользовательского интерфейса. По...

1  Ajax против кадров  ( Ajax versus frames ) 
В свете того, как Ajax на самом деле используется большинством сайтов сегодня; Почему Ajax обнял, в то время как рамы все еще считаются плохой идеей? ...

-1  TypeError: это неопределено при использовании API Google Maps с jQuery  ( Typeerror this is undefined when using google maps api with jquery ) 
<Сильные> Привет всем, Я использую API Google Maps JavaScript с jQuery, и я продолжаю получать эту ошибку, когда когда-либо я звоню методу senddata (): **...

1  Jquery ajax post не работает с CakePhP Framework, но он работает с Core PHP  ( Jquery ajax post is not working with cakephp framework but it is working with co ) 
Я пытаюсь сделать страницу внутри модального окна. Модальное окно работает нормально. Работание Pagination с использованием jquery.here bootpag работает норма...

3  Как подтвердить установку ASPNET AJAX  ( How to validate aspnet ajax installation ) 
Как я могу подтвердить, что моя установка Aspnet Ajax верна. У меня есть Visual Studio 2008 и никогда ранее не устанавливала никакой версии AJAX. Мой upda...