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前端菜鸟,初来乍到,想跟诸位共同学习成长;
综上是我每日闲时整理笔记,文章如有侵权请诸位及时告知我,谢谢关照!