Czesc ostatnio powrocilem do swojego projektu gdzie korzystam z fetch()
aby zaimplementowac metode PUT. Problem pojawia sie przy wysylaniu requestow ktore zawieraja pliki a jest to dla mnie wazna funkcjonalnosc. na razie pozwolilem sobie maksymalnie uproscic przejrzystosc requesta nie uzywajac obiektu FormData tylko JSON.stringify()
.
function edytpost(){
const photo=document.getElementById('photojs')
const finalphoto=photo.files[0]
console.log(finalphoto)
const requestOptions = {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ "text":"texttest","title":"titletest","file": finalphoto })
};
fetch('http://localhost:8080/popraw/91', requestOptions)
.then(console.log("done"))
}
po wykonaniu funkcji wywolywanej w inpucie
<input type="button" id="edytowanko" value="Submit" onclick="edytpost()">
wita mnie blad
PUT http://localhost:8080/popraw/91 400
edytpost @ (index):95
onclick @ (index):213
Nad samym bledem chwile sie juz glowie , przeanalizowalem troche wpisow na stackoverflow ale mozliwe ze cos pominelem , dodam jeszcze ze gdy zamiast finalphoto
uzyje null
request przechodzi bez szwanku .Backend zostal napisany w spring boocie.