html网页 访问文件,HTML网页如何访问本地文件?
HTML如何实现本地访问:
选择文件
首先检测一下当前浏览器是否支持File Api:
functionisSupportFileApi(){
if(Window.File&&Window.FileList&&Window.FileReader&&Window.Blob){
returntrue;
}
returnfalse;
}
表单输入
表单提交文件是最常见的场景,用户选择文件后,触发了文件选择框的change事件,通过访问文件选择框元素的files属性可以拿到选定的文件列表。
functionfileSelect1(e){
varfiles=this.files;
For(vari=0,len=files.length;i
varf=files[i];
HTML.push(
,
f.name+(+(f.type||"n/a")+)+-+f.size+bytes,
);
}
document.getElementById(list1).innerHTML=HTML.join();
}
document.getElementById(file1).οnchange=fileSelect1;
HTML如何实现本地访问: 选择文件 首先检测一下当前浏览器是否支持File Api: functionisSupportFileApi(){ if(Window.File&&Window.FileList&&Window.FileReader&&Window.Blob){ returntrue; } returnfalse; } 表单输入 表单提交文件是最常见的场景,用户选择文件后,触发了文件选择框的change事件,通过访问文件选择框元素的files属性可以拿到选定的文件列表。 functionfileSelect1(e){ varfiles=this.files; For(vari=0,len=files.length;i varf=files[i]; HTML.push( , f.name+(+(f.type||"n/a")+)+-+f.size+bytes, ); } document.getElementById(list1).innerHTML=HTML.join(); } document.getElementById(file1).οnchange=fileSelect1;