croppieオブジェクトのクロップされた画像の結果をアップロードするには？

Question

私は、このクロピーの画像の結果（resp）を表示するコードブロックを持っています。

私は何をしたい

<input type="file" id="Image" name="Image" onchange="readFile(this)" /> 
<div id="Display"></div> 

<script> 
    $('#Upload').on('click', function (ev) { 
      $uploadCrop.croppie('result', { 
       type: 'canvas', 
       size: 'viewport' 
      }).then(function (resp) { 
       var display = document.getElementById('Display'); 
       display.innerHTML = ''; 
       display.innerHTML = '<img src="' + resp + '" />'; 
      }); 
     }); 
</script> 

Answer 1

は、あなたがこの

<script> 
$(document).ready(function() { 
    $("#Image").click(function (ev) { 
     alert(ev); 
     //$uploadCrop.croppie('result', { 
     // type: 'canvas', 
     // size: 'viewport' 
     //}).then(function (resp) { 
     // var display = document.getElementById('Display'); 
     // display.innerHTML = ''; 
     // display.innerHTML = '<img src="' + resp + '" />'; 
     //}); 
    }); 
}) 

に変更することができます（イメージ）私のファイル入力の値として、画像結果（それぞれの）クロップ割り当てです