2015-05-24 154 views
-2

這是一個遙不可及的過程,但我知道它可以並且已經完成。你知道如何製作一個在線網站/應用程序來打開一個文件嗎?基本上可以讀取和輸出HTML/TXT文件的網站或應用程序。最好是,我想使用JavaScript或jQuery,但任何在網站上工作的語言也可以。有這樣的在線應用程序,如Text for Chrome。你知不知道怎麼?如果你能幫我在這裏,這將是非常好的。如果你有任何問題隨時問。打開一個在線應用程序來打開txt文件

+0

能描述_ 「打開文件」 _?閱讀用戶上傳的文件? – guest271314

+0

是的,就像那樣。例如,用戶將文件上傳到網站,網站/應用程序讀取文件並將文件重新放到屏幕上。 –

+0

查看帖子。利用'input','textarea'元素; onchange事件; 'FileReader' – guest271314

回答

1

嘗試利用<input>元素; <textarea>元素; accept="text/plain"屬性input元素; onchange事件附加到input元素;​​內onchange事件輸出上傳文本文件<textarea>元素

var input = document.getElementById("input"); 
 
var output = document.querySelector("[for=input]"); 
 
input.onchange = function(e) { 
 
    var reader = new FileReader(); 
 
    reader.onload = function(evt) { 
 
    output.textContent = evt.target.result; 
 
    }; 
 
    reader.readAsText(e.target.files[0]); 
 
};
<input id="input" type="file" accept="text/plain" /><br /> 
 
<textarea for="input" style="width:300px;height:300px;"></textarea>

相關問題