ios - PhoneGap将图像下载到特定文件夹

Question

我正在为iOS平台构建基于PhoneGap的应用程序。
我想将几个图像文件下载到特定目录。

我想将下载的图像存储在www/my_img/文件夹中

这样，在我的应用中，我可以将该图像进一步用作:

<img src="my_img/downloaded.jpg" width="100px" height="100px">

我正在使用PhoneGap插件下载图像:

var url = 'http://myServer.com/img.jpg';
var filePath = 'www/my_img/';
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: {
        }
    }
);

但是问题是图像没有保存在指定的文件夹中。
如何将下载的图像保存在“www / my_img /”文件夹中？

Answer 1

问题出在filePath的值中。这必须是设备绝对文件路径或文件系统URL。

看看comptibility notes part of the docs:

您可以使用一些预定义的文件夹。我认为最适合您的情况(它是r / w，无需设置任何权限并且是持久的)是:

cordova.file.dataDirectory

您可以将下载的图像存储在那里，完成后设置图像src。

将其翻译为您的案例:

的HTML

<img id="downloadedimage" width="100px" height="100px">

JS

var url = 'http://myServer.com/img.jpg';
var filePath = cordova.file.dataDirectory + '/img.png';
var fileTransfer = new FileTransfer();
var uri = encodeURI(url);

fileTransfer.download(
    uri,
    filePath,
    function(entry) {
        console.log("download complete: " + entry.fullPath);
        document.getElementById("downloadedimage").src = entry.toURL();
    },
    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: {
        }
    }
);