1

我正在使用cropperjs裁剪图像并上传它们。我目前可以裁剪 JPEG 图像，但不能裁剪 PNG 图像。对于 JPEG 和 PNG 图像，img 标签在我裁剪后在控制台中显示 base64 字符串。

对于 JPEG 图像，在我裁剪并悬停在图像上之后，我可以看到图像。

但是，当我将鼠标悬停在 PNG 裁剪图像的 base64 字符串上时，没有显示图像。我看到的是这样的：

PNG裁剪图像base64字符串

这就是我裁剪图像的方式：

 var image = document.getElementById('blah');
    var cropper = new Cropper(image, {
        aspectRatio : 1 / 1,
        crop : function(e) {
            console.log(e.detail.x);
            console.log(e.detail.y);
    }
});

var imgurl = cropper.getCroppedCanvas().toDataURL('image/png');
var img = document.createElement("img");
img.src = imgurl;
img.setAttribute("id", "blah");

我努力了

var imgurl = cropper.getCroppedCanvas().toDataURL('image/jpeg');

和

var imgurl = cropper.getCroppedCanvas().toDataURL('image/*');

也。我的输入类型是：

<input type="file" name="image" accept="image/*"/>

我努力了

var imgurl = cropper.getCroppedCanvas().toDataURL('image/png');

和

var imgurl = cropper.getCroppedCanvas().toDataURL();

也。请帮助或建议我，我搜索了许多帮助链接并尝试了几种方法来解决这个问题。

4

0 回答 0