Phonegap-Guardar imagen de url en la galería de fotos del dispositivo

La última versión de Cordova (3.3+), la versión más reciente (1.0.0+) del archivo utiliza las URL del sistema de archivos en lugar de la ruta del archivo. Por lo tanto, para hacer que la respuesta aceptada funcione con la versión más reciente de la función FileSystemSuccess cambie la línea:

var fp = rootdir.fullPath; 

A:

var fp = rootdir.toURL(); 

Otra forma fácil es usar el plugin Cordova/Phonegap Canvas2ImagePlugin. Instalarlo y añadir la siguiente función a su código que se basa en getImageDataURL () por Raúl Sánchez (Gracias!).

function saveImageToPhone(url, success, error) {
    var canvas, context, imageDataUrl, imageData;
    var img = new Image();
    img.onload = function() {
        canvas = document.createElement('canvas');
        canvas.width = img.width;
        canvas.height = img.height;
        context = canvas.getContext('2d');
        context.drawImage(img, 0, 0);
        try {
            imageDataUrl = canvas.toDataURL('image/jpeg', 1.0);
            imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, '');
            cordova.exec(
                success,
                error,
                'Canvas2ImagePlugin',
                'saveImageDataToLibrary',
                [imageData]
            );
        }
        catch(e) {
            error(e.message);
        }
    };
    try {
        img.src = url;
    }
    catch(e) {
        error(e.message);
    }
}

Úsalo así:

var success = function(msg){
    console.info(msg);
};

var error = function(err){
    console.error(err);
};

saveImageToPhone('myimage.jpg', success, error);

Esto se puede hacer usando phone gap file plugin:

 var url = 'http://image_url';
    var filePath = 'local/path/to/your/file';
    var fileTransfer = new FileTransfer();
    var uri = encodeURI(url);

    fileTransfer.download(
        uri,
        filePath,
        function(entry) {
            console.log("download complete: " + entry.fullPath);
        },
        function(error) {
            console.log("download error source " + error.source);
            console.log("download error target " + error.target);
            console.log("upload error code" + error.code);
        },
        false,
        {
            headers: {
                "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
            }
        }
    );

Tal vez podrías probar el plugin que escribí para IOS

Aquí está el enlace de git: https://github.com/Nomia/ImgDownloader

Breve ejemplo:

document.addEventListener("deviceready",onDeviceReady);

//google logo url
url = 'https://www.google.com/images/srpr/logo11w.png';

onDeviceReady = function(){
    cordova.plugins.imgDownloader.downloadWithUrl(url,function(){
        alert("success");
    },function(){
        alert("error");
    });        
}

//also you can try dataUri like: 1px gif
//url = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'

También puede guardar un archivo local en la galería de imágenes utilizando el método download

El enfoque más simple

Si está de acuerdo con que esté en la carpeta de descarga, haga lo siguiente

1. Instalar el complemento del navegador en la aplicación

   cordova plugin add cordova-plugin-inappbrowser
   

2. Crea un botón de descarga con

   onclick="window.open("Image_URL", '_system');
   

Esto no solo descargará la imagen sino que ofrecerá abrir la imagen en la aplicación o navegador correspondiente.

Actualmente estoy trabajando en cordova-plugin-photo-library.

Puede guardar la imagen dada por url (file:// o data:). Funciona en ios y android, jpeg / png / gif:

cordova.plugins.photoLibrary.saveImage(url, 'My album', function () {}, function (err) {});

Inicialmente obtuve "Could not create target file".

Para eso use encodeURI() en la url a descargar:

var DBuri = encodeURI("https://dl.dropbox.com/u/13253550/db02.xml");
fileTransfer.download(
    DBuri,
sPath + "database.xml",

Y el código en este hilo funcionó perfectamente. Sólo lo pongo aquí.

Limpié y envolví el código sugerido por Suhas anteriormente-la respuesta aceptada en un servicio angular para que pueda usarse fácilmente en otra aplicación. Puedes encontrar el snipet aquí.

Para usarlo, incluya el script en la aplicación.js (y su índice.archivo html) entonces:

angular.module('myApp.controllers.whatever', [])
    .controller('WhateverController', function ($scope, SaveToGalleryService) {

    $scope.savePhoto = function(photoUrl, folderName, fileName, callback) {
        var fileName = new Date().getTime();
        SaveToGalleryService.saveToGallery(photoUrl, "Kiddiz.me", fileName, function saveSuccess(res) {
            console.log("Photo ", photoUrl, "photo saved", res);
            if (callback) {
                callback(true, res);
            }
        }, function saveFail () {
            console.log("Photo ", photoUrl, "failed to save photo");
            if (callback) {
                callback(false);
            }
        });
    }
});