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

qinglongwuyong

楼主可否上传一份完整的代码，包括后台接收的，我把您贴的后台代码放到新建的类里，引入包之类的总是出问题，谢谢！

Masion

qinglongwuyong 发表于 2016-6-12 21:28
楼主可否上传一份完整的代码，包括后台接收的，我把您贴的后台代码放到新建的类里，引入包之类的总是出问题 ...

听说现在3.5的已经集成这个功能了

qinglongwuyong

Masion 发表于 2016-6-13 09:29
听说现在3.5的已经集成这个功能了

哦，我现在使用的是3.4版本，上一次从3.3升到3.4出了好几个问题，现在有新版本不敢用了，先等等这个版本稳定了在用

我是猿

qinglongwuyong 发表于 2016-6-13 22:22
哦，我现在使用的是3.4版本，上一次从3.3升到3.4出了好几个问题，现在有新版本不敢用了，先等等这个版本 ...

楼主您好，我前台代码是这样写的，var result = $('.cropper-example-1 > img').cropper("getCroppedCanvas",{width: 200,height: 200});
                //$(".masionStyle").html(result);
                var data = result.toDataURL();
                                 $.ajax({
                                type : 'post',
                                url : window.url+"/myInfoServlet",
                                dataType : 'jsonp',
                                jsonpCallback : 'callback',
                                data : {
                                        "method" : 'uploadImageMy',
                                        "val":data,
                                        "subPath":"D:\\WeX5_V3.3\\model\\UI2\\HouQinApp\\images\\",
                                        "PicName":picName
                                },
                                async : false,// 使用同步方式，目前data组件有同步依赖
                                cache : false,
                                success : function(data) {
                                if(data.success=="success"){
                                        self.comp("windowReceiver1").windowEnsure(picName);
                                }else{
                                        self.comp("messageDialog1").show({"message":result.success});
                                }
                                },
                                error : function(data) {
                                        justep.Util.hint('加载数据失败');
                                }
                });
后台是传到java后台的，在传参的那里如何加上了"val":data,就进不了后台，把这句话一去掉就可以进入后台，我调试看了data的值，点击可以查看到截图，但是传不到后台怎么回事，谢谢解答？？？

970145

970145

运行后出现这个错误，怎么解决？

970145

盼复！

aiwosuoai

您好，在打开这个页面的时候，模型参数加载后，在浏览器端可以出现环绕图片的取景框，以及取景框里的辅助线，但在手机端微信服务号里访问这个页面的时候，就没有环绕图片的取景框以及取景框里的辅助线了，需要选择一个新的图片后，才会显示出取景框以及取景框里面的辅助线，不知道您有没有遇到过这种情况

yeah898

楼主 我遇到个上传图片的问题，急切盼望回复，现在此谢谢楼主了。
微信开发，用到这个插件。遇到一个问题,该问题是:
1、微信浏览器上传图片，大于7M的图片 ，用下面方法剪切后上传图片到服务器，服务器保存的图片是黑屏。但小于7M是可以的。      只有在手机才出现这种情况，在电脑上一切正常。

1.         function getCanvasImgEvent(){
   
2.                 $('.cropper-btns a:first-child').one('click',function(){
   
3.                         $.showLoading('正在上传图片...');
   
4.                         var blobBig = $image.cropper('getCroppedCanvas',opusImageSize.big).toDataURL('image/jpeg');
   
5.                         var blobSmall = $image.cropper('getCroppedCanvas',opusImageSize.small).toDataURL('image/jpeg');
   
6.                         $('#img-preview').attr('src',blobBig);
   
7.                         $('.cropper-dialog').hide();
   
8.                         var formData = new FormData();
   
9.                         formData.append('big',blobBig);
   
10.                         formData.append('small',blobSmall);
    
11.                         formData.append('isOpus',true);
    
12.                         $.ajax({
    
13.                                 type : "post",
    
14.                                 url : protocolUrl+'/client/join/upload/b',
    
15.                                 data : formData,
    
16.                                 dataType : "json",
    
17.                                 contentType: false,  
    
18.                                 processData: false,
    
19.                                 success : function(rs){
    
20.                                         hideLoading();
    
21.                                         if(rs.code == 1){
    
22.                                                 $('#bigPicture').val(rs.data.big);
    
23.                                                 $('#smallPicture').val(rs.data.small);
    
24.                                         }else{
    
25.                                                 $messanger.show(rs.msg);
    
26.                                         }
    
27.                                 },
    
28.                                 error : function(){
    
29.                                         hideLoading();
    
30.                                         $messanger.show('上传作品图失败！');
    
31.                                 }
    
32.                         });
    
33.                 });
    
34.         }        

复制代码

1119523924

大神，能教教我吗，告诉我QQ号，教教我好吗。求教