blob 예제

blob 예제
0 August 2, 2019

네트워크의 콘텐츠에서 만들 수 있습니다. 디스크에 저장하거나 디스크에서 읽을 수 있습니다. 예를 들어 FileReader API에 사용되는 파일의 기본 데이터 구조입니다. XMLHttpRequest, fetch 등과 같은 웹 요청을 수행하는 메서드는 Blob에서 기본적으로 비롯되고 다른 이진 형식에서도 작업할 수 있습니다. 웹 브라우저는 데이터 보유를 담당하는 Blob 개체를 구현합니다. Blob URL은 브라우저에서 생성되며 내부 참조입니다. Blob이 주어지면 URL.createObjectURL() 함수를 사용하여 해당 URL에 대한 URL을 생성할 수 있습니다. 우리는 쉽게 betweeen Blob 및 낮은 수준의 바이너리 데이터 형식을 변환 할 수 있습니다 : Blobs는 원래 DEC에서 짐 스타키에 의해 발명 된 데이터의 단지 큰 비정질 덩어리였다, 누가 “신시내티, 클리블랜드, 또는 무엇이든을 했다”에서 “무엇을 했다”로 설명 “1958 스티브 맥퀸 영화”,[1] Blob을 가리적. 나중에, 테리 맥키버, 아폴로에 대한 마케팅 사람, 그것은 약어가 될 필요가 있다고 생각하고 백로니움 기본 대형 객체를 발명. 그런 다음 Informix는 대체 백로니움인 바이너리 라지 오브젝트를 발명했습니다. [2] 간단한 예제로 시작해 봅시다.

링크를 클릭하면 hello 월드 콘텐츠가 있는 동적으로 생성된 Blob을 파일로 다운로드할 수 있습니다. Blob() 생성자는 다른 개체에서 Blob을 만들 수 있습니다. 예를 들어 문자열에서 Blob을 생성하려면 브라우저에서 파일 API, 특히 Blob에 설명된 상위 수준 개체가 추가로 있습니다. Blob은 선택적 문자열 유형(일반적으로 MIME 형식)과 BlobParts(다른 Blob 개체, 문자열 및 BufferSource의 시퀀스)로 구성됩니다. 다른 비Blob 개체 및 데이터에서 Blob을 생성하려면 Blob() 생성기를 사용합니다. 다른 Blob 데이터의 하위 집합이 포함된 Blob을 만들려면 slice() 메서드를 사용합니다. 사용자의 파일 시스템에서 파일에 대한 Blob 개체를 가져오려면 파일 설명서를 참조하십시오. 따라서 브라우저에서 흔히 볼 수 있는 Blob을 업로드/다운로드 작업에 편리하게 사용할 수 있습니다. 결정적으로, 예제와 자바 스크립트 Blob 개체 자습서 | Blob 개체 설명 문서가 끝났습니다. Blob에는 파일과 마찬가지로 크기와 MIME 유형이 있습니다.

Blob 데이터는 브라우저 및 Blob 크기에 따라 메모리 또는 파일 시스템에 저장됩니다. Blob은 파일을 사용하는 모든 곳에서 파일처럼 사용할 수 있습니다. 참고: slice() 메서드는 처음에 새 Blob에 복사할 바이트 수를 나타내는 두 번째 인수로 길이를 사용했습니다. 시작 + 길이가 원본 Blob의 크기를 초과하는 값을 지정한 경우 반환된 Blob에는 시작 인덱스부터 원본 Blob의 끝까지의 데이터가 포함됩니다. 이것은 aBlob의 바이트 10에서 20까지의 새 Blob을 만드는 예입니다: 이전 예제에서는 클릭 가능한 HTML 링크를 사용하여 BLOB URL이 유효하지 않게 하기 때문에 URL.evokeObjectURL(link.href)을 호출하지 않습니다. 해지 후 매핑이 제거되면 URL이 더 이상 작동하지 않습니다. Blob을 base64로 변환하려면 기본 제공 FileReader 개체를 사용합니다. 그것은 여러 형식으로 Blobs에서 데이터를 읽을 수 있습니다. 다음 장에서는 더 자세히 다루겠습니다. 이 예제에서는 node.js에 Blob 데이터 형식이 없기 때문에 node.js를 사용하지 않습니다. 이 스택 오버플로 링크를 참조할 수 있습니다.

ArrayBuffer, Uint8Array 및 기타 버퍼 소스는 “이진 데이터”이지만 Blob은 “형식이 있는 이진 데이터”를 나타냅니다. 예제가 있는 자바스크립트 Blob 오브젝트 자습서 | Blob 개체 설명은 오늘의 주제입니다. Blob 개체는 변경할 수 없는 원시 데이터의 파일과 같은 개체를 나타냅니다. Blob은 반드시 JavaScript 네이티브 형식이 아닌 데이터를 나타냅니다. 파일 인터페이스는 Blob을 기반으로 하며 Blob 기능을 상속하고 사용자 시스템의 파일을 지원하도록 확장합니다. 마지막 예제에서는 즉시 다운로드를 위해 Blob을 한 번만 사용하려고 하므로 URL.forevokeObjectURL(link.href)을 즉시 호출합니다.

Posted by medmedia