Как отправить картинку через ajax?

Question

[jenya7771]

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

let formData = new FormData();
        formData.append('section', 'general');
        formData.append('action', 'previewImg');
        formData.append('image', $('input[type=file]')[0].files[0]);

            $.ajax({
                type: 'POST',
                url: `/api`,
                // contentType: false,
                // processData: false,
                data: {
                    FormData: formData,
                    name: name
                },
                success: function(data){
                }
      })

<form id="tetete" class="needs-validation"  enctype="multipart/form-data" novalidate>
<div class="form-group">
                    <div class="custom-file">
                      <input type="file" class="custom-file-input" accept="image/*" name="image" id="image" required>
                      <label class="custom-file-label" for="image">Миниатюра новости</label>
                      <small class="invalid-feedback">
                            Миниатюра новости обязательна
                          </small>
                    </div>
                  </div>
</form>

Comments

[Антон]

Ошибки какие-то или, что говорит print_r post в обработчике?

[jenya7771]

Антон, Вот такая ошибка "Uncaught TypeError: Illegal invocation" на строке "$.ajax({"

[jenya7771]

В таком виде

$.ajax({
                type: 'POST',
                url: `/api`,
                // contentType: false,
                processData: false,
                data: formData,
                success: function(data){
                }

на сервер прилетает вот такой ответ

[Антон]

jenya7771, а где dataType в аяксе?

[jenya7771]

Антон, Не могу понять, но данная ошибка происходит когда processData: false

[ProjectSoft]

let formData = new FormData();

formData.append('section', 'general');
formData.append('action', 'previewImg');
formData.append('image', $('input[type=file]')[0].files[0]);

/*
Нужно поле name? Так и добавляете его через formData.append('name', name);
*/

$.ajax({
	type: 'POST',
	url: `/api`,
	cache: false,
	contentType: false,
	processData: false
	data: formData,
	success: function(data){
		
	}
});

В php смотрите в $_FILES