在html中读取上传的文本文件内容 [英] Reading uploaded text file contents in html
本文介绍了在html中读取上传的文本文件内容的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我的example.html：
< html xmlns =http://www.w3.org/1999 / xhtml>
< p>
请指定一个档案或一组档案：< br>
< input type =filename =datafilesize =40>
< / p>
< / html>
如何在textarea中显示上传的文本文件的内容？
解决方案
b $ b HTML
< tr>
< td>选取要载入的档案：< / td>
< td>< input type =fileid =fileToLoad>< / td>
< td><按钮onclick =loadFileAsText（）>加载所选文件< / button>< td>
< / tr>
JavaScript
function loadFileAsText（）{
var fileToLoad = document.getElementById（fileToLoad）。files [0];
var fileReader = new FileReader（）;
fileReader.onload = function（fileLoadedEvent）{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById（inputTextToSave）。value = textFromFileLoaded;
};
fileReader.readAsText（fileToLoad，UTF-8）;
}
I want to show contents of uploaded file in html, I can just upload a text file. My example.html:
<html xmlns="http://www.w3.org/1999/xhtml" >
<p>
Please specify a file, or a set of files:<br>
<input type="file" name="datafile" size="40">
</p>
<textarea id="2" name="y" style="width:400px;height:150px;"></textarea>
</html>
How can I show contents of any uploaded text file in textarea shown below?
解决方案
Here's one way:
HTML
<tr>
<td>Select a File to Load:</td>
<td><input type="file" id="fileToLoad"></td>
<td><button onclick="loadFileAsText()">Load Selected File</button><td>
</tr>
JavaScript
function loadFileAsText(){
var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent){
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("inputTextToSave").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
}
这篇关于在html中读取上传的文本文件内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
