使用Javascript加载文本文件

时间:2015-08-23 13:21:03

标签: html5

编程新手。

我正在尝试使用带有以下代码的javascript加载文本文件(例如c:\ test.txt“)。我想为文件指定一个固定路径。我不想从目录中选择文件我想自动加载它,以便我可以进一步使用它在新行中添加更多文本。

提前确认所有回复和帮助。

<html>
<body>
<table><tr><td>File to Load:<input type="file" id="fileToLoad"><button onclick="loadFileAsText()">Load File</button><td></tr>
</table>

<script type='text/javascript'>
function loadFileAsText()
{var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent) 
fileReader.readAsText(fileToLoad, "UTF-8");
}
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

要加载内容,请使用jQuery的load(),它可以动态获取内容,并可以添加到任何div或span。

成功加载内容后,有一个回调函数示例。

<script>

jQuery(document).ready(function(){

$( "#result" ).load( "test.txt" );

});

</script>

<script>

$( "#result" ).load( "test.txt", function() {
alert( "Load was performed." );
});

</script>

<div id="result">

</div>