Angular如何实现图片裁剪工具ngImgCrop

var myAppModule = angular.module('MyApp', ['ngImgCrop']);

 
 
 
 
 


 
Select an image file: 
 
  
 

7、属性介绍

8、注意点

结果文件是base64的格式，如果是直接展示的话没有问题，如果是以文件格式要将图片上传给后台服务器，那么还需要将base64转换成图片文件格式，附上我自己的转换代码

$scope.file可直接作为File文件格式上传至后台服务器

function getBlobBydataURL(dataURI,type){
      var binary = atob(dataURI.split(',')[1]);
      var array = [];
      for(var i = 0; i < binary.length; i++) {
        array.push(binary.charCodeAt(i));
      }
      return new Blob([new Uint8Array(array)], {type:type });
    }

    var $Blob = getBlobBydataURL($scope.myCroppedImage,"image/png");
    $scope.file = $Blob;

看完了这篇文章，相信你对“Angular如何实现图片裁剪工具ngImgCrop”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！