Javascript 如何使用url中的图像初始化角度图像裁剪器？

我用的是Angular 1.6的lib

该示例显示了如何通过

input type='file'

从本地计算机中选择文件后对其进行裁剪

---

我想裁剪已上载到服务器的文件。我的问题是如何初始化带有url的图像的裁剪器？

将base64字符串提供给

裁剪器。sourceImage

如下：

function toDataURL(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onload = function() {
    var reader = new FileReader();
    reader.onloadend = function() {
      callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

toDataURL('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0',
                    function(dataUrl) {
  $timeout(function() {
        $scope.cropper.sourceImage = dataUrl;
        console.log(dataUrl);
    }, 0);

---

我们包装

$scope.crapper.sourceImage=dataUrl使用
$timeout
启动摘要循环

您尝试了什么？有密码吗？这正是我需要的。谢谢！未来提示：查看来源：