如何从Ionic图库中下载图像?

时间:2017-01-06 05:42:50

标签: cordova ionic-framework cordova-plugins ngcordova

我正在使用Ion-gallery指令并使用图像网址在ion-gallery中显示图像。如何下载相同的图像?

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:2)

我认为您要使用here中的ng-cordova File Transfer Plugin

在此插件中,您必须选择下载文件并存储在SD卡中。

源代码示例

            $scope.downloadFile = function() {
               //URL CONTAINTS IMAGE PATH
               var url = "http://your_ip_address/images/my.jpg";
               var filename = url.split("/").pop();
               alert(filename);
               var targetPath = cordova.file.externalRootDirectory + filename;
               var trustHosts = true
               var options = {};
               alert(cordova.file.externalRootDirectory);
               $cordovaFileTransfer.download(url, targetPath, options, trustHosts)
                 .then(function(result) {
                   // Success!
                   alert(JSON.stringify(result));
                 }, function(error) {
                   // Error
                   alert(JSON.stringify(error));
                 }, function (progress) {
                   $timeout(function () {
                     $scope.downloadProgress = (progress.loaded / progress.total) * 100;
                   })
                 });
            }

仍然如果您遇到问题,那么图片无法显示在图库中的原因是因为Android Media需要在下载或创建文件夹后进行更新。我有同样的问题但我认为我找到了解决方案here

这是一个允许Cordova使用以下方式调用Media Scanner的插件:

 window.MediaScannerPlugin(successCallback, failureCallback)

要获得更多帮助,请查看herehere& here

希望这会对你有所帮助!!