<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta 察慧乱http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"><碧粗/script>
</head>
<body>
<input id='img' type="file" name="pic" accept="image/*" multiple>
<script async defer>
$(document).ready(function(e) {
$('#img').on('change', function(e) {
$.each(this.files, function(index, item) {
console.log(item)
})
})
败档})
</script>
</body>
</html>
直接把input type=‘file’ 隐藏起来,点击枣谨按钮的时候让这个input 的click事件响应一下。当valchange判断文件类型，如果不凳或基团闭是指定文件提示错误。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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）