用jquery 读取文件域中的文件并读取
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用jquery 读取文件域中的文件并读取相关的知识，希望对你有一定的参考价值。
<body></body>中有<input type="file" id="loc" style="font-size:16px" />
如何修改代码让jquery读取这个文件域中的文本文件，并实现单击一个按钮弹出对话框，里面是这个文件的数据。在提交回答之前请先调试，谢谢！
html5，FileReader，FileList，readAsText
Jquery跟读取本地文本文件没有一点关系，jquery没这个功能，能做到的只有HTML5的fileReader（当然你要说IE的话当我没说）。使用的时候考虑下兼容性。
ps.最后再吐槽下题主的问题，如果你悬赏了很高的分数，我就不说啥了。关键是一分没有，没弄清楚问题，还“回答之前先调试”，别这么高傲好吧，别人给你思路就已经足够你解决问题了。 参考技术A html代码：
<div id="divForm">
文件：<input type="file" id="myfile">
<input type="button" id="btnOpen" value="展示文件">
</div>
内容展示：
<div id="divShow" style="width:400px;height:300px;border:1px solid gray">
</div>js代码：
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function()
//按钮点击事件
$("#btnOpen").click(function()
//得到选择的文件的路径及文件名
var path=$("#myfile").val();
//加载本地文件
$.get(path).success(function(content)
// content就为文件data.txt的文本内容了
$("#divShow").html(content);
);
);
);
</script>
以上是关于用jquery 读取文件域中的文件并读取的主要内容，如果未能解决你的问题，请参考以下文章