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;
经验分享 程序员 微信小程序 职场和发展