html 5 拖拽文件,html5指南--5.拖拽文件

html5支持file api，可以让我们操作本地文件。一般我们不直接使用file api，我们可以结合其他特性一起使用，比如结合拖拽特效，如下例：

Example

body > *

{

float: left;

}

#target

{

border: medium double black;

margin: 4px;

height: 75px;

width: 200px;

text-align: center;

display: table;

}

#target > p

{

display: table-cell;

vertical-align: middle;

}

table

{

margin: 4px;

border-collapse: collapse;

}

th, td

{

padding: 4px;

}

Drop Files Here

var target = document.getElementById("target");

target.ondragenter = handleDrag;

target.ondragover = handleDrag;