首页 > html5 File API 学习

html5 File API 学习

1,上传多个文件<input type="file" multiple>
multiple属性用于选择多个文件功能,type="file"文件上传表单元素
2,文件上传表单太丑,我们用按钮代替,隔山打牛的做法

<form name="upload">

<input type="file" multiple style="display:none;" name="fileselect">
<a id="selectBtn" class="btn btn-primary btn-lg>上传文件</a>

</form>
btn btn-primary btn-lg 是bootstrap提供的按钮类,使用约定的类名,可快速获得界面
3,绑定监听器
var selectBtn=document.getElementById('selectbtn');//DOM查找元素
selectBtn.addEventListener('click',function(){//监听click事件

document.forms['upload']['fileselect'].click();

//document.forms表单的那么
//数组
},false);//false 事件冒泡执行顺序 false为从内到外

【热门文章】
【热门文章】