2016-04-25 71 views
0

我正在使用croppie jquery插件。所有的东西都不错。调整图片大小后,我无法从promise对象中获取数据。请在这里帮助我。 下面是我点击按钮获取的数据的屏幕截图。 http://prntscr.com/awi9co如何在jquery中获取对象值

的代码如下

var basic = $('#divLoadLogo').croppie({ 
    viewport: { 
     width: 150, 
     height: 50 
    }, 
    enableOrientation: true 
}); 
basic.croppie('bind', { 
    url: Url, 
    points: [77, 469, 280, 739], 

}); 
$("#SaveResizeImage").click(function() { 
    var CanvasData = basic.croppie('result', 'canvas'); //This contains the promise object 
    $.ajax({ 
     type: 'POST', 
     url: '/User/SaveResizedCanvasImage', 
     data: '{ "imageData" : "' + CanvasData + '" }', 
     contentType: 'application/json; charset=utf-8', 
     dataType: 'json', 
     async: false, 
     success: function(data) { 
      if (data.success) { 

       alert('image is resized'); 
      } 
     } 
    }); 
}); 
+0

'basic.croppie( '绑定',{ 网址:网址, 几点:[77,469,280 ,739], })。then(function(){// HERE});'? – Rayon

回答

0

尝试:

var basic = $('#divLoadLogo').croppie({ 
    viewport: { 
     width: 150, 
     height: 50 
    }, 
    enableOrientation: true 
}); 
basic.croppie('bind', { 
    url: Url, 
    points: [77, 469, 280, 739], 

}); 
$("#SaveResizeImage").click(function() { 
    basic.croppie('result', 'canvas').then(function(CanvasData){ 
    $.ajax({ 
     type: 'POST', 
     url: '/User/SaveResizedCanvasImage', 
     data: '{ "imageData" : "' + CanvasData + '" }', 
     contentType: 'application/json; charset=utf-8', 
     dataType: 'json', 
     async: false, 
     success: function(data) { 
      if (data.success) { 

       alert('image is resized'); 
      } 
     } 
    }); 
    }); 

});