[英]PHP - jquery ajax crop image before upload using croppie plugin
[英]Crop Image using Javascript (Croppie)
我正在尝试使用Croppie Library将图像裁剪为cicle
我尝试使用它们的函数返回base64编码的图像。 它返回一个base64代码,但没有图像:这是我的代码:
<div id="vanilla-demo"></div>
</div>
<img id="myImage" src="">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="croppie.js"></script>
<script type="text/javascript">
var vanilla = new Croppie(document.getElementById('vanilla-demo'), {
viewport: { width: 200, height: 200 , type:'circle'},
boundary: { width: 400, height: 400 },
showZoom: false
});
vanilla.bind('dac.jpg');
vanilla.result('canvas','original').then(function (src) {
console.log(src);
$('#myImage').attr('src', src);
});
</script>
我是Croppie的创作者之一。 快速浏览一下您的代码,我想说您的裁剪尚未绑定。 bind方法返回一个Promise,您需要等待它才能解决。 Promise等待图像加载,并在Croppie上完成所有初始化逻辑。
我将更改绑定和结果逻辑来执行以下操作:
vanilla.bind('dac.jpg').then(function() {
vanilla.result('canvas','original').then(function (src) {
console.log(src);
$('#myImage').attr('src', src);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.