HTML5 CSS3 经典案例：无插件拖拽上传图片 （支持预览与批量

还是很简洁的：

a、一个div#uploadBox，里面ul li 代表每个上传图片单元

b、li img 图片

c、li span.progress用于显示进度，有种水上涨的效果，从height:0% -100%;

d、li span.percentage 用于在图片中央显示 1% 到100%数字，当到达100%时，显示一个正确的图片

CSS：

body

{

background: #eee;

}

#uploadBox

{

width: 622px;

height: 362px;

background-color: #fff;

border: 1px solid #777;

margin: 120px auto;

}

#uploadBox ul li

{

float: left;

position: relative;

margin-left: 5px;

margin-top: 5px;

}

#uploadBox li img

{

border: 1px solid #D1D1D1;

width: 198px;

height: 112px;

vertical-align: middle;</