文件系统 html5 file API 笔记

js 访问本地文件。

document.forms   等于   document.getElementByTagName("form");

表单里面input可以使用：name 找到元素，不用通过id  例如：

<input type="file" name="input_file_Name" id="input_file" >

获取input：document.forms[0].input_file_Name

files 属性

input file 可多选：

添加multiple 属性 ，不用设置值，

<inpu type="file"  multple >

document.forms[0].file_name.files[0].lastModifiedDate.toLocaleDateString()
"2018/10/31"

转换选择文件属性中的最后修改时间。

这个文件的属性，一般就是选择了文件，这些属性就是让选择的文件，在页面显示出来。读取选择文件列表及属性。

emmt语法，input:b    <input type="button">

id 放标签第一个，class放在第二个，这个顺序好找。 主要是有章法，方便阅读查找。

js，innerHTML 使用单引号，因为要和html混合，不容易出错。input type="file"  默认的样式太丑，可以通过隐藏file文件，从新创建一个按钮button ，（bootstrap 有一个class样式，hidden，就可以隐藏标签。）然按钮的点击事件和file文件绑定到一起，就可以模拟修改file文件样式。