web storage 存图片

1. function setImg(key,src){   
2.         var img = document.createElement('img');   
3.         //当图片加载完成的时候触发回调函数   
4.         img.addEventListener("load",function(){   
5.             var imgCanvas = document.createElement("canvas"),   
6.             imgContext = imgCanvas.getContext("2d");   
7.         //确保canvas元素大小和图片的尺寸一致   
8.         imgCanvas.width = this.width;   
9.         imgCanvas.height = this.height;   
10.         //渲染图片到canvas中   
11.         imgContext.drawImage(this,0,0,this.width,this.height);   
12.   
13.         //用data url的形式取出   
14.         img.crossOrigin = "*"; //防止跨域取照片出错  
15.         var imgAsDataURL = imgCanvas.toDataURL("image/png");   
16.   
17.         //保存到本地存储中   
18.         try{   
19.             localStorage.setItem(key, imgAsDataURL);   
20.         }   
21.         catch(e){   
22.             alert("保存失败！请重试。。。");   
23.         }   
24.   
25.         }, false);   
26.         img.src = src;   
27.     }   
28.   

1. function getImg(key){   
2.         var srcStr = localStorage.getItem(key);   
3.         var imgObj = document.createElement('img');   
4.         imgObj.src = srcStr;   
5.         document.body.appendChild(imgObj);   
6.     }   
7.