码迷,mamicode.com
首页 > 其他好文 > 详细

获取input标签中file的内容

时间:2017-11-04 16:36:15      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:app   console   element   rip   Enctype   div2   tps   type   for   

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>
技术分享

获取input标签中file的内容

标签:app   console   element   rip   Enctype   div2   tps   type   for   

原文地址:http://www.cnblogs.com/kenshinobiy/p/7783155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!