我正在开发 phonegap 应用程序,我需要将图像从 url 保存到设备照片库。
我在 Phonegap Api 上找不到这样做的方法,而且我也没有为此找到 phonegap 插件。
我需要它与 Iphone 和 Android 配合使用
非常感谢!
我正在开发 phonegap 应用程序,我需要将图像从 url 保存到设备照片库。
我在 Phonegap Api 上找不到这样做的方法,而且我也没有为此找到 phonegap 插件。
我需要它与 Iphone 和 Android 配合使用
非常感谢!
这是任何人都可以使用的文件下载代码。你只有三个参数来使用这个像 -
1)网址
2)要在 Sdcard 中创建的文件夹名称
3)文件名(你可以给文件起任何名字)
所有类型的文件都可以使用此代码下载。你可以将它用作 .js 这IOS也适用。
//First step check parameters mismatch and checking network connection if available call    download function
function DownloadFile(URL, Folder_Name, File_Name) {
//Parameters mismatch check
if (URL == null && Folder_Name == null && File_Name == null) {
    return;
}
else {
    //checking Internet connection availablity
    var networkState = navigator.connection.type;
    if (networkState == Connection.NONE) {
        return;
    } else {
        download(URL, Folder_Name, File_Name); //If available download function call
    }
  }
}
//获取写入权限和创建文件夹的第二步
function download(URL, Folder_Name, File_Name) {
//step to request a file system 
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, fileSystemSuccess, fileSystemFail);
function fileSystemSuccess(fileSystem) {
    var download_link = encodeURI(URL);
    ext = download_link.substr(download_link.lastIndexOf('.') + 1); //Get extension of URL
    var directoryEntry = fileSystem.root; // to get root path of directory
    directoryEntry.getDirectory(Folder_Name, { create: true, exclusive: false }, onDirectorySuccess, onDirectoryFail); // creating folder in sdcard
    var rootdir = fileSystem.root;
    var fp = rootdir.fullPath; // Returns Fulpath of local directory
    fp = fp + "/" + Folder_Name + "/" + File_Name + "." + ext; // fullpath and name of the file which we want to give
    // download function call
    filetransfer(download_link, fp);
}
function onDirectorySuccess(parent) {
    // Directory created successfuly
}
function onDirectoryFail(error) {
    //Error while creating directory
    alert("Unable to create new directory: " + error.code);
}
  function fileSystemFail(evt) {
    //Unable to access file system
    alert(evt.target.error.code);
 }
}
//第三步将文件下载到创建的文件夹中
function filetransfer(download_link, fp) {
var fileTransfer = new FileTransfer();
// File download function with URL and local path
fileTransfer.download(download_link, fp,
                    function (entry) {
                        alert("download complete: " + entry.fullPath);
                    },
                 function (error) {
                     //Download abort errors or download failed errors
                     alert("download error source " + error.source);
                     //alert("download error target " + error.target);
                     //alert("upload error code" + error.code);
                 }
            );
}
最新版本的 Cordova (3.3+),较新的 (1.0.0+) 版本的 File 使用文件系统 URL 而不是文件路径。因此,要使接受的答案与 FileSystemSuccess 函数中的较新版本一起使用,请更改以下行:
var fp = rootdir.fullPath; 
到:
var fp = rootdir.toURL(); 
另一种简单的方法是使用 Cordova/Phonegap 插件Canvas2ImagePlugin。安装它并将以下函数添加到您的代码中,该函数基于Raul Sanchez 的getImageDataURL()(谢谢!)。
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);
    }
}
像这样使用它:
var success = function(msg){
    console.info(msg);
};
var error = function(err){
    console.error(err);
};
saveImageToPhone('myimage.jpg', success, error);
这可以使用电话间隙文件插件来完成:
 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=="
            }
        }
    );
也许你可以试试我为IOS写的插件
这是 git 链接:https : //github.com/Nomia/ImgDownloader
简短示例:
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'
您还可以使用下载方法将本地文件保存到图片库