3

根据文档,我应该能够将 ngImgCrop 指令的图像属性设置为图像 URL,而不是数据 URL。但是,它似乎不起作用。我有一个输入文本框(供用户输入图像的 url)和一个按钮,它触发更新 ngImgCrop 的源图像以进行裁剪。到目前为止,这是我的代码:

这是 ngImgCrop 元素的定义

<img-crop 
         image="myImage" 
         result-image-size="300" 
         area-type="square" 
         area-min-size="40" 
         result-image="product.ImageString"></img-crop>

这是 app.js 中的 AngularJS

var handleUrlSelect = function getImageDataURL(evt) {
    var url = (document.querySelector('#inputImageUrl')).value;
    $scope.myImage = url;
};

angular.element(document.querySelector('#selectUrl')).on('click', handleUrlSelect);

当前的行为是根本没有设置源图像。任何帮助,将不胜感激!谢谢!

4

0 回答 0