1、直接获取文件中的内容：
<form id="form" method="post" enctype="multipart/form-data">
<input type="file" id="input">
</form>
<button id="button">获取内容</button>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$("#button").click(function () {
console.log(document.getElementById("input").files[0]);
});
</script>
2、动态添加input，并分别获得每个input中的file内容（此处不能用id获取内容）
<div id="div"></div>
<button id="button">添加</button>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$("#button").click(function () {
var $add = $('<div id="div2" style="border: 1px solid red;">' +
'<input class="input" type="file">' +
'<button class="upload">upload</button>' +
'</div>');
$("#div").append($add);
$add.find('.upload').click(function () {
console.log($add.find('.input')[0].files[0]);
});
});
</script>
如何联系我：【万里虎】www.bravetiger.cn
【QQ】3396726884 （咨询问题100元起，帮助解决问题500元起）
【博客】http://www.cnblogs.com/kenshinobiy/
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
