localstorage存mysql_Local Storage存储图片

js代码

pic storage demo

var src = "20170122161717.png";

function set(key){

var img = document.createElement('img');

img.addEventListener("load",function(){

var imgCanvas = document.createElement("canvas");

imgContext = imgCanvas.getContext("2d");

imgCanvas.width = this.width;

imgCanvas.height = this.height;

imgContext.drawImage(this,0,0,this.width,this.height);

try{

var imgAsDataURL = imgCanvas.toDataURL("image/png");

localStorage.setItem(key,imgAsDataURL);

}catch(e){

console.log("storage failed" + e);

}

},false);

img.src = src;

}

function get(key){

var srcStr = localStorage.getItem(key);

var imgObj = document.createElement('img');

imgObj.src = srcStr;

document.body.appendChild(imgObj);

}

注意:图片和文件要在同一个域内