解决cropper.js3.0上传跨域图片不显示及toDataURL失败问题

来源:互联网 发布:绿豆沙护眼软件 编辑:程序博客网 时间:2024/05/20 18:51

上传本地图片时先不要上传到服务器,转成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图片的操作。

阅读全文
0 0
原创粉丝点击