Witam , wracam z kolejnym błędem (pozdrawiam @nospor

)
Poniżej prezentuje kod , niestety męczę się z banalnym problem
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
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 = '';
});
});
Ten post edytował casperii 14.07.2022, 16:55:09