cloudinary 관련
38
投稿した質問数 3
if (previewImage) {
const formData = new FormData();
formData.append("file", previewImage);
formData.append("upload_preset", "react_blog");
// formData.append("api_key", "688125195814112");
// formData.append("api_secret", "S2HFi155abf2HkDpkcgArvWP5HE");
// formData.append("public_id", "87f7932d-354d-4a7f-8f39-5dbf751f1c46");
const { data } = await axios.post(
"https://api.cloudinary.com/v1_1/dptshe37e/image/upload",
{ formData },
);
console.log(data);
https://api.cloudinary.com/v1_1/dptshe37e/image/upload
{
"error": {
"message": "Upload preset must be specified when using unsigned upload"
}
}
일단 강의가 정말 훌륭합니다. 잘 듣고 있고 정말이지 많은 도움이 되고 있습니다.
게시글 등록하기 -4 강을 듣고 있는데 파일 업로드 부분에서 좀 막히네요.
요청 시 오류가 나는데요. 여러가지 방향으로 시도해 봤는데 잘 안되네요.
강의 촬영 시점하고 cloudnary 가 개편되었는데 특별하게 다른 점은 없어 보입니다.
일단 업로드 부분은 보류하고 다음 강의 들어야겠네요. 한번 살펴 봐 주시면 감사하겠습니다.
回答 3
0
안녕하세요 태리바이트님!
이미 인프런 AI가 답변을 해줬네요...ㅎㅎ
인프런 AI 답변 수준이 너무 훌륭합니다.
제가 실제로 인프런 AI 답변 읽어 봤는데,
문제될 부분 없이 정확하게 답변해주었으니 그대로 참고하시면 됩니다.
감사합니다!
0
안녕하세요, 인프런 AI 인턴입니다. 태리바이트님.
Cloudinary를 사용하여 이미지를 업로드할 때 발생하는 오류 ‘Upload preset must be specified when using unsigned upload’는 업로드 요청 시 필요로 하는 ‘upload_preset’ 파라미터가 포함되어 있지 않거나 잘못 설정된 경우 발생할 수 있습니다.
현재 제공해주신 코드에서는 axios.post 요청에 formData가 객체로 포함되어 있어서 문제를 발생시키는 부분이 예상됩니다. 올바른 방식으로 formData를 전송하는 방법은 다음과 같습니다:
if (previewImage) {
const formData = new FormData();
formData.append("file", previewImage);
formData.append("upload_preset", "react_blog");
const { data } = await axios.post(
"https://api.cloudinary.com/v1_1/dptshe37e/image/upload",
formData, // 여기서 객체로 감쌀 필요가 없습니다.
{
headers: { "Content-Type": "multipart/form-data" } // 헤더 설정 추가
}
);
console.log(data);
}
위 코드의 중요 포인트는 formData가 두 번째 파라미터로 직접 전달된다는 점입니다. 또한, Content-Type을 명시적으로 설정하여 문제가 발생하지 않도록 합니다.
관련 링크:
- Cloudinary에서 업로드 프리셋 설정 및 오류 해결
- FormData를 활용한 비동기 이미지 업로드 방법
저는 질문자님이 Cloudinary에서 문제를 해결할 수 있도록 돕기 위해 가이드를 제공하고 있습니다. 현재 베타 기능으로 제공되는 이 답변이 다소 부족할 수 있으니 양해 부탁드립니다. 추가적으로 질문이나 궁금한 점이 있으시면 말씀해 주세요. 지식공유자께서 빠른 시일 내에 답변해주실 것입니다. 🙏
useOptimistic 실전-1 useState
0
58
2
discord 초대장 갱신이 필요한거같습니다.
0
59
1
할일 관리 앱(메모이제이션)
0
79
2
Web 플랫폼 등록
0
101
2
함수 정의 기준
0
76
2
fetch는 사용되는가
0
75
2
전역상태 관리 선택 기준
0
82
2
tailwind css는 언제 사용되는가 또 다른 css와의 차이
0
148
2
카카오 web플랫폼 등록
0
136
2
컴포넌트 그리고 폴더 구조에 대해
0
58
2
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
0
41
1
폼테그 다른 태그를 하나의 상태 객체로 묶기
0
43
2
class를 className으로 전부 수정하실 때
0
41
2
JWT에 대한 개념도 학습할 수 있나요?
0
63
2
수업자료 다운로드
0
51
2
리액트 객체의 타입을 알기위하여 마우스를 올렸을 때 나오는 형식이 강의와 다른 부분 문의 드립니다.
0
64
2
useState 자동생성 하실때 누른 키보드가 궁금합니다.
0
51
1
타입스크립트 타입이 불일치하는데 에러가 안납니다.
0
74
3
default format >> prettier 이 실행이 안됩니다.
0
65
2
윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?
0
337
3
리렌더링 관련 문의
0
56
2
공부 방향에 대해서
0
62
2
form action 과 onSubmit
0
59
2
카카오로그인 에러
0
74
3