评论：基于cropper.js的图片裁剪插件  [查看原文]

StruggleThunder0
2018/5/11 15:03:45
？，最后提交给后台的是FormData{...}

The Anwer0
2018/5/9 22:06:13
已经解决，换了一个把base64URL转换成blob的方法就可以了，按理说作者的方法应该没错才是，不知为何我使用起来就不行，换了一个就好了，可能是与我别的地方的代码有冲突吧，总之，非常感谢作者！！！！！

StruggleThunder0
2018/5/10 9:40:26

//dataURL转成Blob对象
function dataURLtoBlob(dataURI) {
    //方法一:
    //        var byteString = (dataURI.split(',')[1]);
    //        var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
    //        var ab = new ArrayBuffer(byteString.length);
    //        var ia = new Uint8Array(ab);
    //        for (var i = 0; i < byteString.length; i++) {
    //            ia[i] = byteString.charCodeAt(i);
    //        }
    //        return new Blob([ab], {type: mimeString});

    //方法二：
    var arr = dataURI.split(','),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = (arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {
        type: mime
    });
}

嗯嗯，我在项目中是用的方法一，方法二的代码简洁点，两个方法也差不多，..以后我还是用方法一吧。

?0
2018/5/16 18:17:50
您好，我的在后台接收也是一个blob的文件，使用作者的两个转换方法都不行，请问你是怎么解决的。

七牛返回的数据是

domain:"qiniu.dayuanren.cn"
hash:"FomC_mB71sAETqp8JHPU-mMPgiYs"
key:"1524731075blob"
url:"http://qiniu.dayuanren.cn/1524731075blob

这样的，这个链接放在图片里面不会显示出来

StruggleThunder0
2018/4/28 12:21:19
路径打开后就下载一个文件，下载的文件打开里面是差了些前缀的base64编码。图片存的时候或上传的时候格式有问题吧

qiao1230
2018/5/29 11:51:20
大神，七牛结合这个擦件会出问题吗

你好，我上传到本地服务器或者七牛以后返回的是一个文件，而不是一个图片，本地的是这样的

（http://localhost/genealogy/public\uploads/20180426\61b6e02fbd62048bcdbf2e9318cc5f20.）

请问我要怎么处理啊

StruggleThunder0
2018/4/28 12:13:46
应该返回的是图片的虚拟路径。感觉这路径怪怪的，最后有个“.”

FREEMAN ??0
2018/9/8 20:33:08
请问解决了吗，我的也是个文件

StruggleThunder0
2018/4/22 17:12:11
你好，java的东西我不会。之前的评论有将哪个传递给后台。传过去了就是后台做的事了，后台的东西也不太懂。.......最后应该就是绝对路径存在服务器上，虚拟路径存在数据库里。

0n1zvka0
2018/4/23 22:36:11
好的，我自己在研究一下，谢谢您的回答

FREEMAN ??0
2018/9/8 20:34:04
请问您用java解决了吗，求答~~

StruggleThunder0
2018/4/20 21:26:02
裁剪出来的尺寸大小 是裁剪框的大小，裁剪框的大小是按比例来的。128*128比例是 1:1 。
如果你要获得一个固定尺寸的图片，你可以将裁剪出来后的图片重新画入一个canvas里面，设置这个canvas的宽高（128*128），再将这个canvas转成图片的形式。

友人A0
2018/4/23 8:41:50
非常感谢~~！！