html - HTML5 - 浏览 html 文件，并将代码添加到 textarea

Question

我试图避免为此使用 PHP，因为这个应用程序将被转换为 Android 应用程序。一直在寻找几个小时，没有运气。我再次想避免使用 PHP，并坚持使用 HTML5。

我能遇到的最接近的是 - http://www.script-tutorials.com/pure-html5-file-upload/

只是不确定如何将其与 .html 文档中的文本一起使用。

任何帮助将不胜感激。

Answer 1

基本上只需使用FileReader从文件输入中读取文件并将结果放在文本区域中。

<input type="file" onchange="loadfile(this)">
<textarea id="text"></textarea>    

function loadfile(input){
    var reader = new FileReader();
    reader.onload = function(e){
        document.getElementById('text').value = e.target.result;
    }
    reader.readAsText(input.files[0]);
}

http://jsfiddle.net/8zVWk/