'data:application/octet-stream;base64,' 가 뭔가요 ???

Question

안녕하세요.현재 인터넷의(네이버나 구글) 이미지를 마우스 우클릭하여 이미지 주소 복사를 한 다음에그 이미지 주소를 저희 쪽 사이트의 input창에 붙여넣기하고 업로드 버튼을 누르면해당 이미지 주소를 통해 받아온 이미지가 화면에 띄워지는 기능을 구현하고 있습니다(이미지 url로 이미지 업로드 기능이라고 생각해주시면 됩니다).다음 기능을 만드는 중에 대부분의 url은 정상적으로 이미지를 가져오는데 어떤 이미지 링크는'data:application/octet-stream;base64,이런 response를 줍니다.현재 이미지를 가져올 때는 cors 이슈 때문에 백엔드에 주소 링크를 보내면 백엔드에서 이미지를 fetch해오고 그 fetch 해온 base64 형태 이미지를 단순히 프론트에 전달해주는식으로 기능을 구현했습니다.이러한 플로우일 때 백엔드의 response로 위와 같은'data:application/octet-stream;base64, response가 오는 경우는 무슨 경우일까요 ?그리고 대부분의 이미지 주소 복사 링크를 업로드할 수 있도록하는 방법이나 어떤 기술들이 있을까요 ?

오후 · Answer

base64 로 인코딩 된 데이터라고 생각하시면됩니다.

박종복 · Answer

서버에서 html이 response 되고 img tag src속성 url로 서버호출해서 이미지 데이터를 취득하는데, 저렇게 사용하면 서버에서 html response 시에 이미지 데이터 바이트코드를 base64로 인코딩해서 보내주기 때문에 브라우저는 이미자데이터를 취득하기위해 서버호출없이 이미지를 렌더링 하루였습니다.

'data:application/octet-stream;base64,' 가 뭔가요 ???

2개의 답변

#image 목록