上传本地图片时先不要上传到服务器,转成base64格式图片即可。
function upload(obj) {
var file = obj.files[0];
//判断类型是不是图片
if(!/image\/\w+/.test(file.type)) {
alert("请确保文件为图像类型");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
$('.container > img').cropper("replace", this.result);
$(".cropper").fadeIn();
$("#logo").val("");
}
}
裁剪后再上传图片,这样canvas就算调用跨域图片toDataURL也可获得base64的图片数据。
最后再执行上传base64图片的操作。