如何上傳croppie對象的裁剪圖像結果？

Question

我有這塊代碼，它顯示我的croppie對象的裁剪圖像結果（resp）。

我想要做的就是分配一個裁剪圖像的結果（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 + '" />'; 
     //}); 
    }); 
})