Question

我正在構建基於PhoneGap的iOS平臺應用程序。
我想下載幾個圖像文件到一個特定的目錄。

我想下載的圖像保存在文件夾中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: { 
     } 
    } 
); 

Answer 2

我想你應該在訪問文件系統之前。如果確定，您可以在您訪問的目錄中創建的文件夾中下載圖像。如果你需要，我可以給你一個片段。

編輯：

1）訪問文件系統：

function onDeviceReady() { 
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFSCategory, fail); 
} 

2）如果文件系統的得到了，得到主目錄：

function gotFSCategory(fileSystem) { 
    window.fileSystem = fileSystem; 
    fileSystem.root.getDirectory(window.appRootDirName, { 
     create : true, 
     exclusive : false 
    }, dirReadyCategory, fail); 
} 

3）當主目錄已準備就緒，節約它並繼續：

function dirReadyCategory(entry) { 
    window.appRootDir = entry; 
    console.log('application dir is ready with window.appRootDir: '+JSON.stringify(window.appRootDir)); 
    // Start my code: 
    start_my_code(); 
} 

作爲用於文件路徑變種，我使用這一個（每個文件）：

var filePath = window.appRootDir.toURL() + fileName;