獲取input標籤中file的內容

一、直接獲取文件中的內容：

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

二、動態添加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>