jquery 怎么实现获取文件夹里的文件

jquery 怎么实现获取文件夹里的文件,第1张

html代码:

<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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12114074.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存