js上傳文件獲取文件流

上傳文件獲取文件流

<div>
  上傳文件 ： <input type="file" name = "file" id = "fileId" /> 
</div>
<script>
function getFile() {
  //js寫法 
  var file=document.getElementById('fileId').files[0;]//獲取文件流
  var fileName = file.name;//獲取文件名
  //jq寫法
  var file = $('#fileId')[0].files[0];
}

示例：

HTML

<div class="File">添加附件</div>
<input id="upfile" name="upfile" type="file" multiple="multiple" style="display:none" />
<div class="FileArea"></div>

JS

var str = "";
    $("#upfile").click();
    $("#upfile").on("change", function () {
        var obj = document.getElementById("upfile");
        var length = obj.files.length;
        for (var i = 0; i < length; i++) {
            $(".FileArea").html("");;
            var temp = obj.files[i].name;
            str += "<div>" + temp + "</div>";
        }
        $(".FileArea").append(str);
    });