<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>
//根据不同浏览器获取路径function getvl(obj){
//判断浏览器
var Sys = {}
var ua = navigator.userAgent.toLowerCase()
var s
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0
var file_url=""
if(Sys.ie<="6.0"){
//ie5.5,ie6.0
file_url = obj.value
}else if(Sys.ie>="7.0"){
//ie7,ie8
obj.select()
file_url = document.selection.createRange().text
}else if(Sys.firefox){
//fx
//file_url = document.getElementById("file").files[0].getAsDataURL()//获取的路径为FF识别的加密字符串
file_url = readFileFirefox(obj)
}else if(Sys.chrome){
file_url = obj.value
}
//alert(file_url)
document.getElementById("text").innerHTML="获取文件域完整路径为:"+file_url
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)