<div id="divForm">
文件:<input type="file" id="myfile">
<input type="button" id="btnOpen" value="展示文件">
</div>
内容展示:
<div id="divShow" style="width:400pxheight:300pxborder: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>
给题主几个关键字:HTML5,FileReader,FileList,readAsText
Jquery跟读取本地文本文件没有一点关系,jquery没这个功能,能做到的只有HTML5的fileReader(当然你要说IE的话当我没说)。使用的时候考虑下兼容性。
ps.最后再吐槽下题主的问题,如果你悬赏了很高的分数,我就不说啥了。关键是一分没有,没弄清楚问题,还“回答之前先调试”,别这么高傲好吧,别人给你思路就已经足够你解决问题了。
<input type="file" id="file_input"><script>
$(function(){
$("#file_input").change(function(){
alert("文件名及路径"+$(this).val()+"\n文件类型可以根据扩展名来判断")
})
})
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)