axios headers

Nindzia
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:255
0

Cześć, próbuję uploadować zdjęcie:

Kopiuj

                const fd = new FormData();
                fd.append('image', this.selectedFile)

                console.log(fd);
                axios.post(`/api/users/46/set-avatar`, fd)
                    .then(resp => {
                        console.log(resp);
                    })
                    .catch(e => console.log(e));
         

Gdzie selected file to

Kopiuj
 this.selectedFile = event.target.files[0];

z inputa typu file.
Korzystam w projekcie ze swaggera i pokazuje mi endpoint:

Kopiuj
Curl
curl -X POST "http://localhost:8080/api/users/45/set-avatar" -H "accept: */*" -H "Content-Type: multipart/form-data" -F "file=@nyc.jpg;type=image/jpeg"
Request URL
http://localhost:8080/api/users/45/set-avatar

Jednak przy próbie uruchomienia wyrzuca mi błąd 400. Wydaje mi się, że to kwestia headerów w tym request. Jak mogę dodać header do tego requesta, ewentualnie może to nie jest problem i leży on gdzie indziej? Help.

SZ
  • Rejestracja:prawie 11 lat
  • Ostatnio:około 3 godziny
  • Postów:1494
0

Wydaje mi się, że możesz robić źle posta
Zobacz tu:
https://stackoverflow.com/questions/47630163/axios-post-request-to-send-form-data

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.