demo.html

<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8'>
    <title>图片预览</title>
    <link rel="stylesheet" type="text/css" href="dist/css/imgPreview.css">
    <link rel="stylesheet" type="text/css" href='dist/css/iconfont/iconfont.css'>
    <script type="text/javascript" src='jquery-2.2.0.min.js'></script>
    <script type="text/javascript" src='dist/js/jquery.imgPreview.js'></script>
</head>

<body>
    <!-- 单图预览 -->
    <div class="img-preview-wrap">
    </div>

    <!-- 最多不超过两张 -->
    <div class="img-preview-wrap" data-multi="2">
    </div>

    <!-- 最多不超过三张 -->
    <div class="img-preview-wrap" data-multi="3">
    </div>
</body>
</body>
<script type="text/javascript">
$('.img-preview-wrap').imgPreview({
    width: '100px',
    height: '200px',
    present: 'white-space',
});
</script>

</html>