如何使用angularjs将图片从网址下载（保存）到我们的相册中？

Question

我是angularjs的新手，我的项目使用angularjs和ionic在android和IOS平台上运行。我需要将图像保存到手机相册（支持IOS和Andorid）与图像url。我知道cordova插件可以从url下载图片，但我无法理解如何安装cordova-plugin-file-transfer。有没有其他更简单的方法来实现这个功能？谢谢。

angular.module('myApp', []); 
 

 
angular.module('myApp').controller('HomeCtrl', ['$scope', '$http', function($scope, $http) { 
 

 
    $scope.saveImg = function(imgUrl){ 
 
    var hideSheet = $ionicActionSheet.show({ 
 
         buttons: [ 
 
          {text: 'save image'}, 
 
          {text: 'copy link'}, 
 
         ], 
 
         cancelText: 'cancel', 
 
         cancel: function() { 
 
         }, 
 
         buttonClicked: function (index) { 
 
          if (index == 0) {//save image here 
 
           
 
          } 
 
         } 
 
        }); 
 

 
    } 
 
    
 
}]);

<img ng-src="{{imgUrl}}" on-hold="saveImg(imgUrl)">

Answer 1

首先，你需要使用CLI安装该插件：

cordova plugin add cordova-plugin-file-transfer 

现在注入的依赖上ngCordova模块中和

$ cordovaFileTransfer到控制器中和添加以下代码：

var app= angular.module('myApp', ['ngCordova']); 

    app.controller('HomeCtrl', ['$scope', '$http', '$cordovaFileTransfer',function($scope, $http,$cordovaFileTransfer) { 

    var url = "http://cdn.wall-pix.net/albums/art-space/00030109.jpg"; // your url 
     var targetPath = cordova.file.documentsDirectory + "testImage.png"; // filename 
     var trustHosts = true; 
     var options = {}; 
    $scope.trans=function(){ 
     $cordovaFileTransfer.download(url, targetPath, options, trustHosts) 
      .then(function(result) { 
      // Success! 
      }, function(err) { 
      // Error 
      }, function (progress) { 

      }); 

     } 

    }]); 

下面是引用：http://ngcordova.com/docs/plugins/fileTransfer/