如何从 Ionic 图像库下载图像？

Question

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

任何帮助将不胜感激。

Answer 1

我认为为此您想使用来自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 媒体。我有同样的问题，但我想我找到了解决方案here。

这是一个允许 Cordova 调用 Media Scanner 的插件，只需使用：

 window.MediaScannerPlugin(successCallback, failureCallback)

如需更多帮助，请查看here、here 和here。

希望对你有帮助！！