<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>
小项目使用jquery-2.0.0.min.js就可以了,这个是简化版本,假如在webroot目录下建立一个名为JS文件夹,在a.jsp中加入这样的语句就可以了<script type="text/javascript" language="javascript" src="./js/jquery-1.7.2.min.js" ></script>可以到http://download.csdn.net/download/siyupy_888/5552669下载jquery +ajax的源码实例欢迎分享,转载请注明来源:内存溢出
评论列表(0条)