2011-01-25 4 views
4

아래 링크에 구현 된 로직을 사용하여 이미지의 병렬 사전로드를 시도하고 있습니다. 엄청난 양의 이미지 미리로드

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

나는 이미지 20MB의 총 금액, 이미지의 거대한 양, 50킬로바이트 파일 크기 각각의 평균 현재 350 개 + 이미지가 미리로드하려고 메신저. 캔버스 그리기를위한 이미지가 필요합니다.

위의 병렬 다운로드 논리를 사용하여 전체 페이지로드를 완료하기 위해 2 분 동안 기다리는 브라우저 문제가 있습니다. 때로는 스크립트를 중지합니다.

그런데 20MB의 이미지는 현재 보수적 인 이미지입니다. 일부 이미지 세트는 80MB만큼 내 사전로드가 필요합니다!

이렇게 많은 양의 이미지를 미리로드하는 것이 실제적입니까? 그리고 사전로드가 필요한 경우, 제 요구 사항에 가장 적합한 방법은 무엇입니까? 내가 비 병렬해야합니까? 부분 예하는 어때요?

은 사전에 감사 MXHR (멀티 파트 XHR) 요청에 대한 완벽한 유스 케이스입니다 마브

답변

4

. 즉, 서버 스크립트가 이미지 파일을 읽고 base64 문자열로 디코딩 한 다음 해당 이미지를 브라우저로 스트리밍합니다. supplyJShelp은이 기술을 사용하지만 현재는 자바 스크립트 & 스타일 시트 파일에만 사용됩니다. 어쨌든 꽤 모듈 식으로 설계되었으므로 필요한 모든 이미지 유형의 기능을 확장하는 데 아무런 문제가 없어야합니다.

자신이 기분이 좋지 않으면 걱정하지 마십시오. 다음 며칠 동안 이미지로드 스크립트를 업데이트 할 예정입니다.

+0

나는 그 스크립트를 기대하고있을 것이다. :)하지만 지금은 내 문제에 대한 빠른 해결책이 필요할 수 있습니다. 감사합니다 – Marvzz

+1

아주 좋은 소스. 이 경우에 맞게 수정해야 할 부분에 대해 몇 가지 글 머리 기호를 줄 수 있습니까? – mVChr

+0

@mVChr : 기본적으로 기존 코드에서 복사하여 붙여 넣기 만합니다. 새로운 MIME 타입 리스너를 추가하고,'image/png'라고하고 각 이미지가 수신 될 때 어떤 것을하십시오. 조만간 업데이트를 조심하십시오. – jAndy

관련 문제