下面是完整代码,看注释:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示选择图片的缩略图</title>
<style>
#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