使用jQuery在上传图片之前实现缩略图预览

jopen 10年前

appl.png
使用jQuery在上传图片之前实现缩略图预览

jQuery代码

以下是HTML代码,包含一个显示缩略图的div和一个file input field。

HTML代码

为我们的缩略图设置CSSwa 。

CSS代码

#uploadPreview {      width: 168px;      height: 168px;                                background-position: center center;      background-size: cover;      border: 4px solid #fff;      -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);      display: inline-block;