Luk*_*uki 1 html javascript jquery
我刚刚开始使用 Javascript 中的一些正则表达式完成学校作业。我似乎无法弄清楚如何使用 jQuery 方法 .get() 将文本文件中的数据实际读取到变量中。当我尝试我的代码时，没有任何反应。似乎它从未进入 .get() 部分。这是我的代码：
JS文件：
document.getElementById('file').onchange = function(){
var file = "New Text Document.txt"; //this will later be the selected file
$.get(file,function(data){
var myVar = data;
$("#123").html(myVar);
});
};
HTML 文件：
<!DOCTYPE html>
<html>
<head>
<title>animacija</title>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<input type="file" name="file" id="file">
<script type="text/javascript" src="func.js"></script>
<div id="123"></div>
</body>
</html>
代码片段似乎没问题，但它无法在本地工作，因为它$.get用于 ajax 请求并且需要完整的可用服务器路径。
我宁愿推荐您使用FileReader API。
超文本标记语言
<title>animacija</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<body>
<input type="file" name="file" id="file">
<div id="123"></div>
</body>
JavaScript
document.getElementById('file').onchange = function() {
var file = this.files[0];
var FR = new FileReader();
FR.readAsText(file);
FR.onload = function(data) {
var myVar = data.target.result;
$("#123").html(myVar);
}
};
希望对你有帮助！
| 归档时间： |
|
| 查看次数： |
4721 次 |
| 最近记录： |