最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
HTML5读取拖放的本地文件的例子
时间:2016-08-14 编辑:简简单单 来源:一聚教程网
在桌面上创建了自定义的放置目标后,可以从桌面上把文件拖放到该目标。与拖放一张图片或链接类似,从桌面上把文件拖放到浏览器中也会触发drop事件。而且可以在event.dataTransfer.files中读取到被放置的文件,此时它是一个File对象,与通过文件输入字段取得的File对象一样。
例子:
请把文件拖到下面的框里:
与其他拖放示例一样,这里也必须取消dragenter、dragover和drop的默认行为。
在drop事件中,可以通过event.dataTransfer.files读取文件信息。
读取拖放的文件的功能常用情景有:
结合XMLHttpRequest和拖放文件来实现上传。(最多)
查看和管理本地图片。
查看和管理本地音乐。
-
上一个: HTML5的File API使用介绍
相关文章
- HTML5中input框读取文本文件内容的例子 03-01
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31