Javascript 如何使用angularjs从url下载(保存)图像到我们的相册?

Javascript 如何使用angularjs从url下载(保存)图像到我们的相册?,javascript,ios,angularjs,cordova,save-image,Javascript,Ios,Angularjs,Cordova,Save Image,我不熟悉angularjs,我的项目使用angularjs和ionic在android和IOS平台上运行。我需要使用图像url将图像保存到手机相册中(支持IOS和android)。我知道cordova插件可以从url下载图像,但我不知道如何安装cordova插件文件传输。有没有其他更容易实现此功能的方法?谢谢 angular.module('myApp',[]); 角度.module('myApp').controller('HomeCtrl',['$scope','$http',函数($sc

我不熟悉angularjs,我的项目使用angularjs和ionic在android和IOS平台上运行。我需要使用图像url将图像保存到手机相册中(支持IOS和android)。我知道cordova插件可以从url下载图像,但我不知道如何安装cordova插件文件传输。有没有其他更容易实现此功能的方法?谢谢

angular.module('myApp',[]);
角度.module('myApp').controller('HomeCtrl',['$scope','$http',函数($scope,$http){
$scope.saveImg=函数(imgUrl){
var hideSheet=$ionicActionSheet.show({
按钮:[
{文本:'保存图像'},
{text:'复制链接'},
],
cancelText:“取消”,
取消:函数(){
},
按钮勾选:功能(索引){
如果(索引==0){//将图像保存在此处
}
}
});
}
}]);

首先需要使用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) {

          });

       }

    }]);

参考资料如下:

您必须使用cordova插件文件-transfer@jingyo使用vanilla cordova框架的工作示例-感谢您的帮助。但我的应用程序正在使用angular。我只是不明白如何安装插件cordova插件文件传输到cordova。但有一个错误说:“无法读取未定义的属性'documentsDirectory'。为什么?我已经安装了插件并注入了依赖项$cordovaFileTransfer。尝试为文件提供其他targetPath