html一键生成预览图 选择图片后显示缩略图（自动生成缩略图）

下面是完整代码，看注释：

显示选择图片的缩略图

#dropbox {

width: 400px;

height: 70px;

line-height: 70px;

text-align: center;

border: 2px dashed #999;

border-radius: 5px;

background: #fbfbfb;

color: #666;

}

#preview>img {

height: 80px;

margin: 7px;

border: 1px solid #666;

border-radius: 4px;

box-shadow: 3px 3px 3px #bbb;

}

#outbox{

display: inline-block;

position: relative;

overflow: hidden;

}

#imgUpload{

position: absolute;

left: 0px;

font-size: 60px;

opacity: 0;

}

点击或将单个/多个图片拖放到此处

var dropbox, imgUpload;

dropbox = document.getElementById("dropbox");

dropbox.addEventList