JavaScript Blob 대상 원리 및 용법 상세 설명

Blob 는 자 바스 크 립 트 내장 대상 으로 파일 과 유사 한 원본 데 이 터 를 표시 합 니 다.
blob 는 원본 데 이 터 를 나타 내 는 가 변 적 이지 않 은 대상 입 니 다.이 데 이 터 는 반드시 JavaScript 원본 형식 이 아 닙 니 다.파일 인 터 페 이 스 는 Blob 를 기반 으로 Blob 기능 을 계승 하여 사용자 시스템 을 지원 하 는 파일 로 확장 합 니 다.
Blob 는 여러 가지 용도 가 있 습 니 다.
네트워크 내용 에서 만 들 수 있 습 니 다.
디스크 에 저장 하거나 디스크 에서 읽 을 수 있 습 니 다.
예 를 들 어 FileReader API 에서 사용 하 는 File 의 기본 데이터 구조 입 니 다.
우 리 는 Blob()구조 함 수 를 사용 하여 다른 비 blob 대상 과 데이터 구조 Blob 를 사용 할 수 있 습 니 다.
Blob 구조 함수
Blob 구조 함 수 는 다른 대상 에서 Blob 를 만 들 수 있 습 니 다.예 를 들 어 문자열 구조 Blob.
let hero = {name: 'Batman'}
let blobObject = new Blob([jsON.stringify(hero, null, 2)], { type: 'application/json' });
console.log(blobObject);
현재 브 라 우 저 에서 이 파일 을 실행 하면 브 라 우 저 콘 솔 에서 다음 과 같은 출력 을 볼 수 있 습 니 다.

Blob 사이즈 속성
Blob.size 속성 은 Blob 또는 File 의 크기 를 되 돌려 줍 니 다(바이트 단위).
var sizeInBytes = blob.size
아래 의 예 를 참조 하 시 오.
let hero = {name: 'Batman'}
let blobObject = new Blob([JSON.stringify(hero, null, 2)],{ type: 'application/json' });
console.log(blobObject.size);
출력
Blob.slice()방법
Blob.slice()함 수 는 새로운 Blob 대상 을 만 드 는 데 사 용 됩 니 다.이 대상 은 원본 Blob 의 지정 한 바이트 범위 내의 데 이 터 를 포함 합 니 다.
instanceOfBlob.slice([start [, end [, contentType]]]);
다음 코드 참조.
let hero = {name: 'Batman'}
let blobObject = new Blob([JSON.stringify(hero, null, 2)], { type: 'application/json' });
console.log(blobObject.slice(10, 16, { type: 'application/json' }));
출력

총결산
바 이 너 리 원 격 파일 을 사용 할 때 Blob 는 매우 유용 합 니 다.
Blob 는 오디 오 와 비디오 데 이 터 를 포함 할 수도 있 습 니 다.동적 으로 만 들 고 Blob URL 을 파일 로 사용 할 수 있 습 니 다.우 리 는 그것들 을 더욱 유용 하 게 하기 위해 여러 가지 다른 방식 으로 사용 할 수 있다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.