1

Есть два отчета.
В первом форма содержит текстовые значения.
Во втором форма содержит текстовые значения и оператор прикрепляет файл.

Код формы:

<form action="<%=Constants.LINK_INTERNAL_PREFIX %>reports/fetch/<%=entry.get("id") %>" method="POST"
                    class="form-inline-report col-md-8" id="fetch-report" 
                    enctype="multipart/form-data">

Код для вставки файла:

<% if (entry.get("use_file").equals("true")) { %>
            <input id="fetch-file-input" class="fileinput" name="fetch-file-input" type="file" />
            <div id="errorBlock" class="help-block"></div>

...

<input value="Send" type="submit">
        </form>

Код JS:

$(function() {
    $("#fetch-report").submit(function(e) {
        e.stopPropagation();
        e.preventDefault();
        $.ajax({
            type : 'POST',
            url : $(this).attr('action'),
            data : $('#fetch-report').serialize(),
            success : function(data) {
                $('#results').html(data);
            },
        });
    });
});

При отправке отчета 1 все отрабатывает.
При отправке отчета 2 ошибка от сервера:

ERROR UPLOADING FILE 01/12/2018 18:23:21 [EROR] ? javax.servlet.ServletException: org.apache.tomcat.util.http.fileupload.FileUploadBase$InvalidContentTypeException: the request doesn't contain a multipart/form-data or multipart/mixed stream, content type header is application/x-www-form-urlencoded; charset=UTF-8

Как прикрутить в JS возможность отправки файла?
Мне нужен AJAX?

1

1 ответ 1

1

Пробовали использовать FormData?

var formData = new FormData();
formData.append('input_name', $('#input_name').val());
formData.append('file', $('#file')[0].files[0]);
jQuery.ajax({
     url: '/upload',
     data: formData,
     cache: false,
     contentType: false,
     processData: false,
     type: 'POST',
     success: function(response) {
         console.log(response);
     }
});
3
  • var formData = new FormData($(this).parents('form').get(0)); вот так отработало 15 янв 2018 в 9:28
  • ну я написал последовательное добавление инпутов) 15 янв 2018 в 9:30
  • да мне еще предстоит все это выучить)) 15 янв 2018 в 9:39

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.