Данные формы не получают файл изображения для подставки (AJAX) ⇐ Html

[Anonymous]

Это может быть глупо, но не моя форма, ни мои форматы получают изображение ввода моего файла
Я хочу, чтобы папка с изображением в сервер с использованием php
, но мой код PHP никогда не получает ни одного изображения. < /p>
Это мой код: < /p>

Код: Выделить всё

article title


article picture

[img]#[/img]
choose image less than 5MB

content






Publish Immediately


submit

< /code>
const form = document.getElementById('AZA-addatc-form');
form.addEventListener('submit', function(e) {
e.preventDefault();

// Get content from Quill editor
const content = document.getElementById('AZA-addatc-content');
content.value = quill.root.innerHTML;

// Validate form
const title = document.getElementById('AZA-addatc-title').value.trim();
const image = imageInput.files[0];
console.log(image);

if (!title) {
showAlert('article title required', 'error');
return;
}

if (!image) {
showAlert('choose an image', 'error');
return;
}

if (!content.value || content.value === '
') {
showAlert('enter content', 'error');
return;
}

// Prepare form data
const formData = new FormData(form);
// formData.append('AZA-addatc-title', document.getElementById('AZA-addatc-title').value);
// formData.append('AZA-addatc-image', image);
// formData.append('AZA-addatc-content', quill.root.innerHTML);
// formData.append('AZA-addatc-status', document.getElementById('AZA-addatc-status').checked ? '1' : '0');
formData.append('action', 'add_article');

// Submit via AJAX
submitArticle(formData);
});

// AJAX submission
function submitArticle(formData) {
const xhr = new XMLHttpRequest();
xhr.open('POST', 'assets/php/database/A-add-article.php', true);

xhr.onload = function() {
if (xhr.status === 200) {
try {
const response = JSON.parse(xhr.responseText);
if (response.success) {
showAlert(response.message, 'success');
form.reset();
quill.setContents([]);
imagePreview.style.display = 'none';
} else {
showAlert(response.message, 'error');
}
} catch (e) {
showAlert('Error parsing server response', 'error');
}
} else {
showAlert('quest error', 'error');
}
};

xhr.onerror = function() {
showAlert('server error', 'error');
};
console.log(formData);
xhr.send(formData);
}

// Show alert message
function showAlert(message, type) {
const alertDiv = document.getElementById('AZA-addatc-alert');
alertDiv.textContent = message;
alertDiv.className = 'AZA-addatc-alert AZA-addatc-alert-' + type;
alertDiv.style.display = 'block';

setTimeout(() => {
alertDiv.style.display = 'none';
}, 5000);
}
< /code>
i do these but at last my image input returns empty into formdata
"AZA-addatc-image" → {}

Я не могу найти, что не так с этим может помочь мне из этого?

Подробнее здесь: https://stackoverflow.com/questions/796 ... ision-ajax