上传文件获取文件流

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

示例:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

 



扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄