上傳文件獲取文件流

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

?

轉載于:https://www.cnblogs.com/myfate/p/10830540.html

總結

以上是生活随笔為你收集整理的js上传文件获取文件流的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。