在html頁面顯示FileReader結果（不警報）

fileReader函數從sdcard讀取我的txt文件，結果將在evt.target.result中設置。我想寫（document.write）這個evt.target.result到我的html頁面。在屏幕上顯示此結果的最佳方式是什麼？我的文件讀取器功能：在html頁面顯示FileReader結果（不警報）

function fileReader() 
{ 

    var reader = new FileReader(); 
    reader.onload = win; 
    reader.onerror= fail; 
    reader.readAsText("/sdcard/mytest.txt"); 

    function win(evt) 
    { 
     console.log(evt.target.result); 
    } 

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

來源

2011-04-27 mike643

您需要在HTML頁面上有div或類似的東西來顯示結果。有噸的方式來呈現和風格這一點，但最簡單的將是包括在你的HTML div和你的JS通過ID引用它

<!DOCTYPE html> 
<html> 
    <body> 
    <!-- Your results will display below --> 
    <div id="results"></div> 
    </body> 
</html>

，並在您的JS做到這一點

document.getElementById("results").innerHTML = evt.target.result;

來源

2011-04-27 13:49:48

大非常感謝你！ – mike643 2011-04-27 15:37:40

這是否回答了您的問題？ – 2011-04-27 18:39:44

是的，非常感謝你 – mike643 2011-05-11 17:39:50

在html頁面顯示FileReader結果（不警報）

回答

相關問題