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