layui 多文件上传实例

<style>
   .upload-icon-img {
        width: 120px;
    }

    .upload-pre-item {
        position: relative;
    }

    .upload-pre-item .img {
        margin-top: 5px;
        width: 116px;
    }

    .upload-pre-item i {
        position: absolute;
        cursor: pointer;
        right: 4px;
        top: 5px;
        background: #2F4056;
        padding: 2px;
        line-height: 15px;
        text-align: center;
        color: #fff;
        filter: alpha(opacity=80);
        -moz-opacity: .8;
        -khtml-opacity: .8;
        opacity: .8;
        transition: 1s;
        border-radius: 5px;
    }

    .upload-pre-item i:hover {
        transform: rotate(360deg);
    }

    .upload-pre-item, .upload-icon-img {
        width: 120px;
        float: left;
        margin-left: 8px;
    }

    body, button, input, select, textarea {
        font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
    }

    p {
        width: 603px;