jquery实现多图选择上传图片效果代码-html代码-BFW代码库

jquery实现多图选择上传图片效果代码

代码语言：html

所属分类：上传

代码描述：jquery实现多图选择上传图片效果代码，可以设置图片上传后端地址url及最大上传图片数量。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        #img-container {
        
        }
        #img-container:after {
            content: '.';
            display: block;
            height: 0;
            visibility: hidden;
            overflow: hidden;
            clear: both;
        }
        .img-item {
            position: relative;
            float: left;
            margin-right: 10px;
            margin-bottom:10px;
            height:100px;
            width: 100px;
            box-sizing: border-box;
        }
        .img-thumb {
            border: 1px solid #000;
        }
        .thumb-icon {
            width: 100%;
            height: 100%;
        }
        .img-up-add {
            display: table;
            border: 1px dashed #E0E0E0;
        }
        .img-add-icon {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 70px;
        }
        .img-remove {
            position: absolute;
            right: -0.1875rem;
            top: -0.1875rem;
            display: block;
            width: 20px;
            line-height: 20px;
            height:20px;
            border-radius: 50%;
            background: #f7333d;
            color: #fff;
            text-ali.........完整代码请登录后点击上方下载按钮下载查看