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

 1 var str = "";
 2     $("#upfile").click();
 3     $("#upfile").on("change", function () {
 4         var obj = document.getElementById("upfile");
 5         var length = obj.files.length;
 6         for (var i = 0; i < length; i++) {
 7             $(".FileArea").html("");;
 8             var temp = obj.files[i].name;
 9             str += "<div>" + temp + "</div>";
10         }
11         $(".FileArea").append(str);
12     });