🙋수정 전 코드

// 요청 구성
PutObjectRequest putObjectRequest = PutObjectRequest.builder()
    .bucket(bucketName)
    .key(filePath)
    .build();

 

AWS S3에 파일 업로드 하기 전 요청을 구성하는 코드이다.

구성 후 S3에 업로드 된 파일의 경로, 즉 URL을 응답하는식으로 업로드 API를 작성하고 URL에 접근했는데

내가 원하는 건 URL에 접속했을 때 브라우저에 바로 이미지가 보여지는 것이었지만

해당 URL은 이미지 다운로드만 되었다.

 

🙋 수정 후 코드 (Content-Type 설정 추가)

// 요청 구성
    PutObjectRequest putObjectRequest = PutObjectRequest.builder()
        .bucket(bucketName)
        .key(filePath)
        .contentType(file.getContentType()) // 업로드 시 파일의 Content-Type 설정 *  파일을 이미지로 인식 -> 다운로드 대신 웹 페이지에 표시
        .build();

 

💡 이전에 코드가 다운로드 됐던 이유 :

파일이 어떤 종류인지 인식하지 못하기때문에 다운로드할 파일로 처리됐던 것이다.

따라서 Content-Type 설정을 통해 파일의 형식이 명확히 설정되어 브라우저가 해당 URL에 접근할 때 다운로드 하지않고

바로 화면에 표시할 수 있게 된다.

 

 

+ Recent posts