일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- vscode
- type
- number
- components
- 이미지
- Chart
- antd
- useState
- 리액트
- form
- NeXT
- 시멘틱태그
- Download
- 상태관리
- TradingVIew
- npm
- FRONT
- err
- JavaScript
- Package
- axios
- VUE
- frontend
- 리액트기초
- develop
- vue-cli-service
- CSS
- error
- react
- 프론트엔드
Archives
- Today
- Total
개발쬬
[axios] 이미지 POST 기능이 제대로 동작하지 않을때 확인사항 본문
반응형
이슈 상황
이미지를 다른 객체들과 같이 post 요청을 보내려고 하는데 이미지 post 기능이 정상작동되지 않고 null 값을 찍힌다
1. header 에 Content-Type을 multipart/form-data 로 지정했는지 확인한다
//이미지를 넣는 axios 호출 부분
SetImg(params) {
return axiosService.post("v1/files", params, {
header: {
"Content-Type": "multipart/form-data",
},
});
},
2. FormData로 요청하는지 확인한다.
let fd = new FormData();
fd.append("key", img소스 );
//axios 호출
let val = await axiosService.SetImg(fd);
이렇게 두개만 확인해줘도 정상작동한다
반응형
'쬬는 개발중' 카테고리의 다른 글
masonry / infinite scroll / imagesLoaded 활용하여 핀터레스트 | 네이버 이미지 리스트화면 구현하기 (0) | 2022.12.09 |
---|---|
[axios] 엑셀 파일 다운로드 기능 구현하기 (0) | 2022.12.04 |
[javascript | Vue] 이미지 다운로드 기능 만들기 (canvas/url활용) (0) | 2022.12.02 |
[javascript] 문자 /n 줄바꿈 변환작업 (1) | 2022.12.02 |
[javascript] window.open 팝업권한 사파리 문제해결 (0) | 2022.11.29 |