3

我有 example.txt 文件 sdcard,我想使用手机间隙显示它。我对 android 和手机间隙非常陌生,请帮忙。这是我的 example.txt 文件:

     <h2>This file is in sdcard</h2>

这是我的phonegap.java

    package com.example.phonegap;
    import org.apache.cordova.DroidGap;

     public class Phonegap extends DroidGap{
        /** Called when the activity is first created. */
      @Override
      public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/myfile.html");
       }

    }

这是www中的myfile.html:

       <!DOCTYPE html>
     <html>
     <head>
      <title>FileReader Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for PhoneGap to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap is ready
    //
    function onDeviceReady() {
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
    }

    function gotFS(fileSystem) {
        fileSystem.root.getFile("file:///sdcard/example.txt", {create: true}, gotFileEntry, fail);
    }

    function gotFileEntry(fileEntry) {
        fileEntry.file(gotFile, fail);
    }

    function gotFile(file){
        readDataUrl(file);
        readAsText(file);
    }

    function readDataUrl(file) {
        var reader = new FileReader();
        reader.onloadend = function(evt) {
            console.log("Read as data URL");
            console.log(evt.target.result);
        };
        reader.readAsDataURL(file);
    }

    function readAsText(file) {
        var reader = new FileReader();
        reader.onloadend = function(evt) {
            console.log("Read as text");
            console.log(evt.target.result);
        };
        reader.readAsText(file);
    }

    function fail(evt) {
        console.log(evt.target.error.code);
    }

    </script>
  </head>
  <body>
    <h1>Example</h1>
    <p>Read File</p>
  </body>
</html>
4

3 回答 3

2

更改此行:

fileSystem.root.getFile("file:///sdcard/example.txt", {create: true}, gotFileEntry, fail);

变成这样:

fileSystem.root.getFile("example.txt", {create: false}, gotFileEntry, fail);

假设您要读取的文件是“example.txt”并且位于 /sdcard 文件夹中。

于 2012-04-09T15:29:36.817 回答
2

我也遇到了同样的问题。我不认为Phonegap中的API文档是对的,所以我参考了JavaScript:权威指南,我发现了两个关键点:

  1. 我准备阅读的文件的位置。--> 我发现默认的父路径是:/mnt/sdcard。所以“/mnt/sdcard/temp/test.txt”文件写成fileSystem.root.getFile("temp/test.txt", null, gotFileEntry, fail)

  2. 之后reader.readAsText(file),只是使用element.innerHTML = reader.result 无法在 HTML 文件中显示结果。所以我添加了一个回调:

    reader.onload = function(){
        element.innerHTML = reader.result
    }
    

调整这两个部分后,我的代码就可以工作了!

StackOverflow 有非常严格的上传格式政策,所以我无法上传确切的代码。但是你可以联系我索要代码。

于 2012-05-28T09:22:50.353 回答
1

我假设 example.txt 位于 SD 卡的根目录(不位于文件夹中)。然后更改以下代码,

function gotFS(fileSystem) {
        fileSystem.root.getFile("file:///sdcard/example.txt", {create: true}, gotFileEntry, fail);
    }

function gotFS(fileSystem) {
        fileSystem.root.getFile("example.txt", {create: true}, gotFileEntry, fail);
    }

并尝试在以下函数中使用警报,

function readAsText(file) {
        alert("readAstext");
        var reader = new FileReader();
        reader.onloadend = function(evt) {


               console.log("Read as text");
                console.log(evt.target.result);
                alert("content : "+evt.target.result);
            };
            reader.readAsText(file);
}

如果这不起作用,请在 HTML 中将以下代码添加到您的 body 标记中

 <body onload='onLoad();'>

让我知道您可能遇到的问题。谢谢,,

于 2013-01-28T04:48:46.357 回答