Canvas实现保存图片到本地的示例代码

2020-04-24 19:03:30易采站长站整理

localStorage.setItem( "savedImageData", canvas.toDataURL("image/png") );
}
img.src = src;

上传图片部分代码:


// 上传图片 参见问题3
$.ajax({
type: 'POST',
url: loadJs.addToken('http://wq.jd.com/activetmp/promotepic/promoteaddpic', "j132"),
data: {
filename: new Date().getTime()+''+Math.floor(Math.random()*10000) + '.jpg',
content: base64pic,
active: "shotpic20160901"
},
dataType: 'json',
xhrFields: { withCredentials: true },
success: function(data) {
if (picdata.id == 1 && picdata.msg) {
//图片路径 此前缀路径的图片最清晰 参见问题4
var imgPre = 'http://img10.360buyimg.com/promotepic/';
//图片地址拼接的完整地址链接
var photo = imgPre + picdata.msg;
$("#cardImg")[0].onload = function() {
//to do 业务逻辑
};
$("#cardImg").attr("src",photo);
}
},
error:function(data){
}
});