利用imageCropper插件在X5平台上实现头像剪裁上传功能

MrZhao

顶一个顶一个顶一个顶一个顶一个

flying2fish

Masion 发表于 2015-6-22 20:42
imageCropper插件的地址见：
http://fengyuanchen.github.io/cropper/

请问楼主，这个imageCropper插件只有用php做的吗？在WeX5平台怎么用呢？

flying2fish

gzcyp2000 发表于 2015-7-3 20:25
插件安装已解决，非常好用。

请问怎么安装的？

Masion

flying2fish 发表于 2015-7-16 15:06
请问怎么安装的？

你可以下载附件
看附件历史怎么引用的

flying2fish

Masion 发表于 2015-7-16 16:20
你可以下载附件
看附件历史怎么引用的

谢谢

qinpeng136

Masion 发表于 2015-6-22 20:48
当用户调整完图片剪裁区域后，点击上传按钮：
        Model.prototype.button2Click = function(event){
                this.c ...

存储图片是将路径存到数据库呢，还是二进制形式存到数据库中？

zhj880404

楼主，我上传图片到后台，后台解码以图片的格式上传到服务器，服务器里的图片颜色变雾了，这是怎么回事呢

Masion

zhj880404 发表于 2015-7-24 10:06
楼主，我上传图片到后台，后台解码以图片的格式上传到服务器，服务器里的图片颜色变雾了，这是怎么回事呢 ...

你是不是加压缩语句了？？？
var result = $('.cropper-example-1 > img').cropper("getCroppedCanvas",{width: 200,height: 200});
把他的像素调大点儿

zhj880404

楼主，给看看

zhj880404

前台数据获得
var result = $('.cropper-example-1 > img').cropper("getCroppedCanvas",{width: 200,height: 200});
                //$(".masionStyle").html(result);
                var data = result.toDataURL();
后台数据
BASE64Decoder decoder = new BASE64Decoder();
        try {
            //通过Base64解密，将图片数据解密成字节数组
            byte[] bytes = decoder.decodeBuffer(fileData);
            for(int i=0;i<bytes.length;++i)  
            {  
                if(bytes[i]<0)  
                {//调整异常数据  
                    bytes[i]+=256;  
                }  
            }
            //构造字节数组输入流
            ByteArrayInputStream bais = new ByteArrayInputStream(bytes);
            //读取输入流的数据
            BufferedImage bi = ImageIO.read(bais);
            //将数据信息写进图片文件中
            ImageIO.write(bi, "jpg", f);// 不管输出什么格式图片，此处不需改动
            bais.close();