我想弄清楚如何下载图像并将其显示在Blackberry上的phonegap应用程序中(对于iOS和Android我已经设法这样做)。作为测试我正在使用下面附带的Simon's example。
如果我使用WebWorks method在playbook上运行该示例,则sims可以在没有任何错误的情况下运行(非在WebInspector中报告),但不显示图像。虽然文件传输模拟成功并且报告的entry.fullPath是 file:///accounts/1000/appdata/....../data//doubt.jpg访问此路径上的文件有问题。查看网络选项卡(WebInspector)中的请求 在本地图像路径上请求的文件大小仅为15B。看起来这是我们调用fileSystem.root.getFile时创建的空文件,而不是从服务器传输时应该保存在此路径中的文件。
我现在试图解决这个问题几天,但没有成功只是挫败感。我找到了使用blackberry.io.home的Blackberry.io.sharedFolder来建议应该保存文件的路径的建议但是虽然我有黑莓对象blackberry.io.sharedFolder和home是未定义的。
我也尝试使用NDK方法在Blackberry z10上使用相同的示例,但在这种情况下,entry.fullPath是local:/// persistent / ..但是无法从此路径访问该文件(报告了GET错误) )。在这种情况下也没有黑莓对象可用。
所以我认为基本的问题是应该为文件下载设置本地路径,以便可以通过URI访问该文件。
<!DOCTYPE HTML>
<html>
<head>
<meta name = "viewport" content = "user-scalable=no,width=device-width" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Test Page</title>
<style type="text/css">
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
</style>
<script src="cordova/cordova.BBplaybook.js"></script>
<script type="text/javascript" charset="utf-8">
function init(){
document.addEventListener("deviceready", ready, true);
}
function ready() {
}
function download() {
console.log("calling download");
// // blackberry.io.sandbox = false;
// console.log("blackberry.io.sharedFolder");
// console.log(blackberry.io.sharedFolder);
// console.log("blackberry");
// console.log(blackberry);
var remoteFile = "http://i3.kym-cdn.com/entries/icons/original/000/000/080/doubt.jpg";
var localFileName = remoteFile.substring(remoteFile.lastIndexOf('/')+1);
console.log("localFileName");
console.log(localFileName);
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
fileSystem.root.getFile(localFileName, {create: true, exclusive: false}, function(fileEntry) {
var localPath = fileEntry.fullPath;
console.log("localPath");
console.log(localPath);
if (device.platform === "Android" && localPath.indexOf("file://") === 0) {
localPath = localPath.substring(7);
}
var ft = new FileTransfer();
ft.download(remoteFile,
localPath, function(entry) {
var dwnldImg = document.getElementById("dwnldImg");
dwnldImg.src = entry.fullPath;
console.log("entry.fullPath;");
console.log(entry.fullPath);
dwnldImg.style.visibility = "visible";
dwnldImg.style.display = "block";
}, fail);
}, fail);
}, fail);
}
function fail(error) {
console.log("error");
console.log(error);
console.log(error.code);
}
</script>
</head>
<body onload="init();">
<button onclick="download()" >Download and display image</button>
<img src="" id="dwnldImg" style="display: none"/>
</body>
</html>
在config.xml中我有
<access subdomains="true" uri="*" />
<feature id="blackberry.io.file" required="true" version="1.0.0.0" />
<feature id="blackberry.utils" required="true" version="1.0.0.0" />
<feature id="blackberry.io.dir" required="true" version="1.0.0.0" />
<rim:permit>access_shared</rim:permit>
和plugins.xml
<plugin name="File" value="org.apache.cordova.file.FileManager"/>
<plugin name="FileTransfer" value="org.apache.cordova.http.FileTransfer"/>