axios를 이용한 s3 이미지 업로드 질문입니다.

[김창규]

현재 아래와 같이 presigned 방식을 이용하여 s3로 이미지를 업로드 해보려 합니다 그런데 업로드는 성공을 했으나 아래의 이미지
처럼 이미지가 아닌 파일? 이라고 하는게 맞는지는 모르겠지만 이름이 문자열 형식으로 저장이 되어 url도 받아올 수가 없습니다.
지금 코드에서 뭔가를 잘못한게 있다면 알려주시면 감사하겠습니다.

export const RequestPreSign = async (FileName: string, file: File) => {
  try {
    const EncodeFileName = encodeURIComponent(FileName);
    const preSignUrl = await client.post(
      "http://localhost:8081/RequestPreSign",
      { filename: EncodeFileName }
    );
    const PreSignUrlData = preSignUrl.data;

    const ImgUrl = await axios.put(PreSignUrlData, file, {
      headers: { "Content-Type": file.type },
    });

    console.log(ImgUrl);
    return PreSignUrlData;
  } catch (error) {
    return "fail" + error;
  }
};

[김창규]

ㅇ어... 왜 인지는 모르겠지만 해결됐습니다!

[김창규]

이미지로 안 올라가던건 시간이 갑자기 좀 지나니까 정상적으로 객체 url로 접근 할 수 있었는데 그 이후에 업로드하고 객체 url을 가져
오는게 안 됨니다 아래와 같이 data가 ""로 아무것도 넘어오지 않습니다

• 이 답변은 김창규에 의해 1 년, 2 월 전에 수정됐습니다.

[codingapple]

저장잘되어있으면 그냥 presignedURL가져다가 img src안에 박아넣어서 보여줘봅시다

[글쓴이]

글