【发布时间】：2017-07-09 04:20:30
【问题描述】：
我创建了一个简单的 cordova android 应用程序，我试图从 URL 下载图片到图片库，但我真的不知道出了什么问题。 我已经在stackoverflow这里搜索了很多，包括以下链接：
Phonegap - Save image from url into device photo gallery
How to save an Image object into a file in Android with Phonegap?
我已经安装了cordova File Transfer插件并尝试从官方网站做示例，但它也不起作用：https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/
我尝试了 2 个不同的代码，分别是：
1) 第一次尝试：
document.getElementById("myBtn").addEventListener("click", function () {
download("http://cordova.apache.org/static/img/cordova_bot.png", "data", "new_file");
});
function download(URL, Folder_Name, File_Name) {
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.toURL();
fp = fp + "/" + Folder_Name + "/" + File_Name + "." + ext; // fullpath and name of the file which we want to give
filetransfer(download_link, fp);
}
function onDirectorySuccess(parent) {
// Directory created successfuly
}
function onDirectoryFail(error) {
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();
fileTransfer.download(download_link, fp,
function (entry) {
alert("download complete: " + entry.fullPath);
//cordova.plugins.imagesaver.saveImageToGallery(entry.fullPath, successCallback, errorCallback);
},
function (error) {
alert("download error source " + error.source);
}
);
}
在此尝试中，我收到警告消息“下载完成：/my_folder/new_file.png”，但我找不到图片的下载位置。 它绝对不在图片库或任何我能找到的地方。
2) 第二次尝试：
function download() {
window.requestFileSystem(window.TEMPORARY, 5 * 1024 * 1024, function (fs) {
var url = 'http://cordova.apache.org/static/img/cordova_bot.png';
fs.root.getFile('downloaded-image.png', {
create: true,
exclusive: false
}, function (fileEntry) {
file_transfer(fileEntry, encodeURI(url), true);
}, onErrorCreateFile);
}, onErrorLoadFs);
}
function onErrorLoadFs(msg){
alert(msg);
}
function onErrorCreateFile(msg){
alert(msg);
}
function file_transfer(fileEntry, uri, readBinaryData) {
var fileTransfer = new FileTransfer();
var fileURL = fileEntry.toURL();
fileTransfer.download(
uri,
fileURL,
function (entry) {
alert("download complete: " + entry.toURL());
if (readBinaryData) {
// Read the file...
readBinaryFile(entry);
} else {
// Or just display it.
displayImageByFileURL(entry);
}
},
function (error) {
alert("download error source " + error.source);
alert("download error target " + error.target);
alert("upload error code" + error.code);
},
null, // or, pass false
{
//headers: {
// "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
//}
}
);
}
在此尝试中，我收到警告消息“下载完成：file:///data/user/0/com.companyname.xxxxxxx/cache/downloaded-image.png”，但是我也无法在设备中的任何位置找到图片。
我已经在两个不同的安卓设备上试用过这个应用程序。
【问题讨论】：
-
我建议为这样的东西创建自己的科尔多瓦插件。我有相当多的 android 开发和处理正确创建文件的位置是一个时代的关键词，我不会相信他们的插件。
-
你可以使用这个功能：stackoverflow.com/a/65314298/1243247它可以工作
标签： javascript android cordova phonegap-plugins cordova-plugins