javascript上传文件 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     });

 

作者：时来运转
大佬们好，我是Web前端菜鸟，初来乍到，想跟诸位共同学习成长；
综上是我每日闲时整理笔记，文章如有侵权请诸位及时告知我，谢谢关照！