HTML5에서는 프로그래밍 방식으로 캐시에 이미지를 저장할 수 있습니까?
https://stackoverflow.com/questions/1010290
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
HTML5에서는 텍스트 데이터를 로컬 데이터베이스에 저장할 수 있으며 SQL을 사용하여 수행 할 수도 있습니다. (http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/)
iPhone의 모바일 사파리를 위해 작성한 앱이 이미지를 제외한 모든 것을 오프라인으로 캐시합니다. 이미지는 여전히 서버에서 다운로드해야하며 캐시를 유지하는 방법을 모르겠습니다. 이상적으로는 LocalStorage 데이터베이스에 작성하고 싶습니다.
나는 캔버스에 이미지를 쓰려고 생각하고 그것을 텍스트로서의 아이디어로 연속화 시켰습니까? 이 작업을 수행하는 더 쉬운 방법이 있습니까?
이상적으로는 기본 앱/Objective-C가없는 HTML 및 JavaScript 로이 작업을 수행하고 싶습니다.
해결책
HTML5의 애플리케이션 캐시를보십시오. 기본적으로 원하는 것을 정확하게 수행합니다 (완전히 오프라인 웹 애플리케이션을 지원하려면 사용하려는 것도 사용합니다).
또는 이미지를 캔버스로 돌린 다음 캔버스로 ()를 Daw 할 수 있습니다. 그런 다음 이미지의 데이터 URL을 가져 오면 일반 데이터베이스 또는 오프라인 스토리지 API에 저장할 수 있습니다.
다른 팁
Google이 Mobile Gmail에서하는 일을 수행하고 데이터 URL로 구현할 수 있습니다. 즉, 다음은 외부가 아닌 페이지의 일부로 캐시됩니다 (Cache.Manifest에 포함 된 경우). 어느 하나:
<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7"
width="16" height="14" alt="embedded folder icon">
또는:
<style type="text/css">
.Jd{background:#fff;width:100%;border-width:7px;-webkit-box-sizing:border-box;-webkit-border-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUlJREFUeNpi/P//P4O+VwcfAwODGxDLATGITSr4BMSPgHjXxW0Vnxj1PNtFmBgZU/79/38MKHgBqoAoADQATEMdZQA0xwpozlwWEUFu7zfvvx4ACp5gIBOAXAekDgEN/yEqzOPD9P3nHwWoC6kBLnz99kue6eu3n4xAzg8Civ8jYXwu/vXt+y8GJgYagBFuKAuOSCEUabD0CYsgxmHifVjWQwYwb+KSJ2go0ABGAuHISMiCkZ5OBfm5mN9//MaBr1BBDjvkSMMSH2z8vBzMLI4Wqjzrdl7UA4qdwqOYkUhHGjhbqfOwxAaafjh0+q7fm3dfQK49B8RfSPUu0FIeIGUkIsTjBjKPEVhHyQO93zV96ZFXR8/c+/zkxYdfpBoqIyHAZm2ixJsZbSMGDM4ykKEgcREgzgRibSAWIiNu3gHxVSCeDsRvAAIMAK29e2M9JZVZAAAAAElFTkSuQmCCCg==") 9 7 8 7}
</style>
주제에 대한 자세한 내용은 다음과 같습니다. http://www.websiteoptimization.com/speed/tweak/inline-images/
당신은 그것을 사용하여 이미지를 저장할 수 있습니다 데이터 UI 체계 HTML5 데이터베이스에서.
