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);
     });