인프런 커뮤니티 질문&답변
작성한 질문수
cloudinary 관련
작성
·
30
0
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 가 개편되었는데 특별하게 다른 점은 없어 보입니다.
일단 업로드 부분은 보류하고 다음 강의 들어야겠네요. 한번 살펴 봐 주시면 감사하겠습니다.
퀴즈
카카오 로그인 과정에서 토큰 발급을 담당하는 주체는 무엇일까요?
사용자 클라이언트
서비스 서버
카카오 API 서버
데이터베이스
답변 3
0
안녕하세요 태리바이트님!
이미 인프런 AI가 답변을 해줬네요...ㅎㅎ
인프런 AI 답변 수준이 너무 훌륭합니다.
제가 실제로 인프런 AI 답변 읽어 봤는데,
문제될 부분 없이 정확하게 답변해주었으니 그대로 참고하시면 됩니다.
감사합니다!
0
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에서 문제를 해결할 수 있도록 돕기 위해 가이드를 제공하고 있습니다. 현재 베타 기능으로 제공되는 이 답변이 다소 부족할 수 있으니 양해 부탁드립니다. 추가적으로 질문이나 궁금한 점이 있으시면 말씀해 주세요. 지식공유자께서 빠른 시일 내에 답변해주실 것입니다. 🙏