Blog

blob 이미지 다운로드

개인적으로, 나는 여기에 응용 프로그램을 볼 수 없습니다 local이미지저장. 헤더 “만료”와 서버에서 사진을 보내면 브라우저가 로컬 캐시에 사진을 넣습니다. 또한 IndexedDB에서 이미지 및 파일 저장을 읽어보시기 바랍니다. 아마도 IndexedDB에 이미지와 파일을 저장하는 것을 언급할 것입니다. 그렇게 한다면 IE8에서는 작동하지 않을 것입니다. 하지만 작업이 작동하지 않으면 일반 이미지가 표시됩니다. 이 섹션에서는 문서 의 시작 부분에서 배운 모든 내용과 Blob 및 개체 URL에 대해 이미 알고 있는 내용을 활용하여 브라우저에서 프로그래밍 방식으로 콘텐츠를 생성하는 방법을 살펴봅습니다. URL.createObjectURL() 정적 메서드를 사용하면 Blob 개체 또는 파일을 나타내는 개체 URL을 만들 수 있습니다. Blob 개체를 인수로 사용 하 고 전달 된 Blob 개체를 나타내는 URL인 DOMString을 반환 합니다. 다음은 다음과 같습니다 : 여기에 기본 64를 통해, Blob을 다운로드의 데모입니다 : Blob은 선택적 문자열 유형 (일반적으로 MIME 유형) 및 BlobParts로 구성됩니다 – 다른 Blob 개체, 문자열 및 BufferSource의 시퀀스. 임베디드 이미지를 업로드하기위한 간단한 jQuery 플러그인, 수동으로 다운로드하고 양식을 통해 업로드 할 필요가 없습니다. 이미지가 Blob으로 변환되어 파일로 업로드됩니다. Blob 생성자는 버퍼 소스를 포함하여 거의 모든 것에서 Blob을 만들 수 있습니다.

URL.createObjectURLBlob을 취 하 고 그것에 대 한 고유 URL을 만듭니다., 양식에 Blob:/. Blob 개체를 얻는 것과 작업할 수 있는 또 다른 한 가지를 얻는 것이 한 가지입니다. 한 가지 할 수 있도록 할 수 있는 것은 Blob의 내용을 읽는 것입니다. 이는 FileReader 개체를 사용할 수 있는 좋은 기회처럼 들립니다. 여기에서 FileReader 개체에 대해 알아볼 수 있습니다. 거기에 몇 가지 진정한 포인트 (특히 시도에서 포장 … 캐치)하지만 IndexDB가 항상 더 나은 옵션이라는 blnaket 문은 사실이 아닙니다. 예를 들어 액세스가 훨씬 빠르기 때문에 indexDB 대신 localStorage에 저장하는 앱이 꽤 많이 발견되었습니다 (동기적이기는하지만). 따라서 앱을 시작할 때 localStorage에 이미지를 저장할 때 더 빠를 수 있습니다.

base64 인코딩 크기 문제는 이전 문제입니다. 흥미롭게도 로컬스토리지는 UTF-16 문자를 사용하므로 비트 이동을 통해 스토리지를 두 배로 늘릴 수 있습니다. 나는 지금 금융 시간 응용 프로그램의 개발자를 인터뷰하고 그들은 참으로 몇 가지 매우 영리한 일을. 그것은 다운로드 링크 도우미 기능의 매우 간단한 구현이었다. 도우미가 호출될 때마다 Blob 콘텐츠의 일회성 자동 다운로드를 트리거합니다. 나는 localStorage와 데모를 함께 넣어했습니다스토리지와 당신이 캔버스 접근 방식과 XMLHtpRequest 2, Blob 및 FileReader를 사용하여 하나를 모두 볼 수있는 이미지와 파일을 저장합니다. 다음은 앞서 언급한 Blob 개체 원본에 대한 몇 가지 코드 샘플입니다. 일반적인 개체 URL의 모양은 다음과 같습니다.

그러나 모든 종류의 파일에 적합한 메커니즘을 원한다면 어떨까요? 와우, 난 그냥이 게시물을 읽고 난 정말 비슷한 일을 했습니다 (관련없는) https://github.com/jcreus/localcache . 그것은 CSS, 자바 스크립트 및 이미지를 저장할 수 있으며 캐시 역할을합니다. URL.createObjectURL, 블로브 는 /./.