- function setImg(key,src){
- var img = document.createElement('img');
- //当图片加载完成的时候触发回调函数
- img.addEventListener("load",function(){
- var imgCanvas = document.createElement("canvas"),
- imgContext = imgCanvas.getContext("2d");
- //确保canvas元素大小和图片的尺寸一致
- imgCanvas.width = this.width;
- imgCanvas.height = this.height;
- //渲染图片到canvas中
- imgContext.drawImage(this,0,0,this.width,this.height);
- //用data url的形式取出
- img.crossOrigin = "*"; //防止跨域取照片出错
- var imgAsDataURL = imgCanvas.toDataURL("image/png");
- //保存到本地存储中
- try{
- localStorage.setItem(key, imgAsDataURL);
- }
- catch(e){
- alert("保存失败!请重试。。。");
- }
- }, false);
- img.src = src;
- }
- function getImg(key){
- var srcStr = localStorage.getItem(key);
- var imgObj = document.createElement('img');
- imgObj.src = srcStr;
- document.body.appendChild(imgObj);
- }