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