Notice
Recent Posts
Recent Comments
Link
«   2025/10   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

죽이죽이

JS : blob 형태의 데이터 image url 변환 본문

Javascript

JS : blob 형태의 데이터 image url 변환

죽이죽이 2024. 1. 31. 18:03
  • blob 형태 데이터 url로 변환
blob 이란?
- Binary Large Object의 약자로, 이진 데이터를 나타내는 객체이다.

※ blob 형태로 이미지의 url을 저장하는 이유
- 이미지, 비디오, 사운드 등과 같은 멀티미디어 객체들을 저장하기위해 사용한다.

※ DB 테이블 image BLOB type 선언

※ 서버로부터 받아온 데이터 처리
const img = document.createElement("img");

// 응답 데이터를 Blob 형태로 변환
let blob = await fetch(`/images/${data.id}`).then((res) => res.blob());

// Blob 객체를 나타내는 유일한 URL 생성
blob = URL.createObjectURL(blob);

// 이미지 요소의 src 속성을 Blob URL로 설정하여 동적으로 생성된 이미지를 표시
img.src = blob;

'Javascript' 카테고리의 다른 글

JS : JWT 인증 방식  (0) 2024.01.31
JS : Form 데이터 전송 방식(라이브러리X) + REST API  (0) 2024.01.31
JS : SHA256 비밀번호 암호화  (0) 2024.01.31
JS : Wordle 클론코딩  (0) 2024.01.25
JS : Date 객체 사용해보기  (0) 2024.01.24