移动商务网页设计与制作教学课件作者魏利华第6章html5的文件与拖放.pptVIP

图6.6 FileReader 接口中的事件及发生顺序 返回 表6.3 关于拖放存在的事件 返回 图6.7 拖放文字实例 返回 图6.8 拖放文字对象实例 返回 * 第6 章 HTML5 的文件与拖放 6. 1 选择文件 6. 2 FileReader 接口读取文件 6. 3 拖放 API 6. 4 dataTransfer 对象 6. 5 小结 返回 6. 1 选择文件 6.1.1 通过文件对象选择文件 在HTML4 中, file 控件内只允许放置一个文件, 但是到了HTML5 中, FileL-ist 对象表示用户选择的文件列表, 通过添加multiple 属性, 在file 控件内允许一次放置多个文件。控件内的每一个用户选择的文件都是一个file 对象, 而FileList对象则为这些file 对象的列表, 代表用户所选择的所有文件。 file 对象有两个属性, name 属性表示文件名, 不包括路径, lastModifiedDate属性表示文件的最后修改日期。 实例参见“chap6.1.1.1.html”, 在本例中通过单击“浏览”按钮, 选择要上传的文件, 然后单击“上传文件”按钮, 将会弹出一个对话框, 这个对话框将显示上传文件的名称。本例的代码如下, 其效果如图6.1 所示。 下一页 返回 6. 1 选择文件 6.1.2 使用blob 接口获取文件