[AJAX]fetch AJAX wgrywanie obrazu, poproszę o rady i poprawki kodu. Opcje

[casperii]

Witam , wracam z kolejnym błędem (pozdrawiam @nospor (IMG:style_emoticons/default/Lkingsmiley.png) )
Poniżej prezentuje kod , niestety męczę się z banalnym problem (IMG:style_emoticons/default/sad.gif)
Problem polega na tym, że nie przesyła obrazka / nie odbiera w pliku .php
Sam plik php jest 100% prawidłowy , katalog na serwerze ma prawidłowe chmody , problem tkwi gdzieś w podaniu prawidłowej wartości do przesłania.
Na konsoli błąd:
Uncaught (in promise) SyntaxError: Unexpected end of JSON input i tyczy się tej linii return response.json();

index.html

[HTML] pobierz, plaintext 
const upload_image = (file) => {
 
	if(!['image/jpeg', 'image/png'].includes(file.type))
	{
		document.getElementById('uploaded_image').innerHTML = '<div class="alert alert-danger">Z tym plikiem to wiesz gdzie możesz</div>';
 
		document.getElementsByName('sample_image')[0].value = '';
 
		return;
	}
 
	if(file.size > 2 * 1024 * 1024)
	{
		document.getElementById('uploaded_image').innerHTML = '<div class="alert alert-danger">Masz za dużego plika , max to 2mb</div>';
 
		document.getElementsByName('sample_image')[0].value = '';
 
		return;
	}
}
 
const form = document.getElementById('custom-step-news');
form.addEventListener('submit', function(e){
	e.preventDefault();
 
	const test = form.test.value;
	const sample_image = document.getElementsByName('sample_image')[0];
 
	upload_image(sample_image.files[0]);
 
	const form_data = new FormData();
	const file = document.getElementsByName('sample_image')[0].value = '';
	form_data.append('sample_image', file);
 
 
	fetch('xxupload.php', {
		method:"POST",
		headers: {
			'Content-Type': 'multipart/form-data',
		},
    	body:form_data
 
	}).then(function(response){
 
		return response.json();
 
	}).then(function(responseData){
 
		document.getElementById('uploaded_image').innerHTML = '<div class="alert alert-success">poszło</div> <img src="'+responseData.image_source+'">';
 
		document.getElementsByName('sample_image')[0].value = '';
 
	});
 
});
[HTML] pobierz, plaintext 

Ten post edytował casperii 14.07.2022, 16:55:09

[trueblue]

Sprawdź dobrze czy nie masz założonych filtrów na konkretne typy żądań lub nazwę pliku (we wspomnianej zakładce).