HTML5 之文件操作 (file)
前言
在 html 文档中 标签每出现一次, 一个 FileUpload 对象就会被创建.
该元素包括一个文本输入字段, 用来输入文件名称. 另一个 button, 用来打开文件选择对话框以便图形化选择文件.
该元素的 value 属性保存了用户指定的文件的名称. 可是当包括一个 file-upload 元素的表单被提交的时候. 浏览器会向 server 发送选中的文件的内容而不不过发送文件名称.
当用户选择或编辑一个文件名称, file-upload 元素触发 onchange 事件句柄.
看个简单样例:
functionhandleFiles(files){
if(files.length){
varfile=files[0];
varreader=newFileReader();
reader.οnlοad=function(){
document.getElementById("filecontent").innerHTML=this.result;
};
reader.readAsText(file);
}
}