解决cropper裁切图片toDataURL()跨域报错的问题

1.最后形成一个完美的解决方案:
Step1 调用相机拍照形成本地文件。
Step2 利用fileReader把文件读出来,转换成Base64。
Step3 把Base64的图片利用cropper渲染到canvas上进行裁切。
Step4 再次使用 cropper.toDataURL()方法的时候,就不再全报错,顺利解决!

2.源代码
var reader = new plus.io.FileReader();
plus.io.resolveLocalFileSystemURL(path, function(entry) {
entry.file(function(file) {
reader.readAsDataURL(file);
reader.onloadend = function(e) {
$('#readyimg').attr('src', e.target.result);
cutImg();
}
}, function(e) {
alert(e.message);
});
}, function(error) {
mui.toast('文件读取失败...');
console.log("Resolve file URL failed: " + e.message);
});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容