0

キャンバス画像をSDカードに保存しています。Picturesというフォルダに保存して、デバイスに表示しようとしています。

次に、それを取得して表示する必要があります。次のコードを試しました：

Javascript

var ShowSavedImage = function(Imagename){
        alert("in ShowSavedImage ");
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, onFail);

    }

function onFail(message) {
      alert('Failed because: ' + message);
    }

function gotFS(fileSystem) {
    fileSystem.root.getFile("Pictures/b64Image_1372901806166.png", {create: true}, gotFileEntry, fail);
}

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

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

function readDataUrl(file) {
       var reader = new FileReader();
       reader.onloadend = function(evt) {
       console.log("Read as data URL");
       console.log(evt.target.result);
       document.getElementById("smallImage").style.display='block'; 
       document.getElementById("smallImage").src = evt.target.result;   
    }; 
    reader.readAsDataURL(file);
}

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

HTML

<div data-role="page"  id="SavedImage">
            <div data-role="header" class= "header" data-position="fixed" data-tap-toggle="false" >

            </div>
            <div data-role="content" >

            <center>
            <h3 id="savedImageHeader"></h3>
            <!-- <img src="" id="savedImageDisplay"  style="display:none;height:auto; max-height:70%; width:auto; max-width:90%;"/> -->
                 <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
                                </center>   

            </div>

        </div>

このコードを試したところ、次のエラーが発生しました

07-04 09:26:11.418: I/Web Console(22909): processMessage failed: Stack: TypeError: Cannot read property 'style' of null
07-04 09:26:11.418: I/Web Console(22909):     at [object Object].<anonymous> (file:///android_asset/www/js/list.js:691:45)
07-04 09:26:11.418: I/Web Console(22909):     at file:///android_asset/www/js/cordova-2.5.0.js:2549:20
07-04 09:26:11.418: I/Web Console(22909):     at Object.captureReturnValue [as success] (file:///android_asset/www/js/cordova-2.5.0.js:847:20)
07-04 09:26:11.418: I/Web Console(22909):     at Object.callbackFromNative (file:///android_asset/www/js/cordova-2.5.0.js:291:46)
07-04 09:26:11.418: I/Web Console(22909):     at processMessage (file:///android_asset/www/js/cordova-2.5.0.js:964:21)
07-04 09:26:11.418: I/Web Console(22909):     at Function.processMessages (file:///android_asset/www/js/cordova-2.5.0.js:1002:17)
07-04 09:26:11.418: I/Web Console(22909):     at androidExec (file:///android_asset/www/js/cordova-2.5.0.js:856:21)
07-04 09:26:11.418: I/Web Console(22909):     at [object Object].readAsDataURL (file:///android_asset/www/js/cordova-2.5.0.js:2528:5)
07-04 09:26:11.418: I/Web Console(22909):     at readDataUrl (file:///android_asset/www/js/list.js:694:12)
07-04 09:26:11.418: I/Web Console(22909):     at gotFile (file:///android_asset/www/js/list.js:683:5) at file:///android_asset/www/js/cordova-2.5.0.js:971

私は PhoneGap を初めて使用し、何が問題なのか理解できませんでした。

これを解決するには？

4

1 に答える 1

0

あなたの問題は phonegap ではないと思います。これは純粋な js エラーです。dom がビルドされる前にコードが実行されていると思います。そのため、任意のボタンを追加してから、このボタンをクリックしてコードを記述し、テストすることができます。これで問題が理解できると思います

于 2013-11-04T14:41:42.413 に答える