webuploader 单页面多次上传图片

css 写法：

<input type="hidden" name="pic1" value="" id="uploadimg1">
<div class="upload" onclick="addWebId('upload_img_1', 'uploadimg1', 'upimg1')" id="upimg1">+</div>
<input type="text" name="name1" value="" placeholder="图片描述">
<div class="upload_img" style="display: none;" id="upload_img_1"></div>

<input type="hidden" name="pic2" value="" id="uploadimg2">
<div class="upload" onclick="addWebId('upload_img_2', 'uploadimg1', 'upimg2')" id="upimg2">+</div>
<input type="text" name="name2" value="" placeholder="图片描述">
<div class="upload_img" style="display: none;" id="upload_img_2"></div>

<input type="hidden" name="pic3" value="" id="uploadimg3">
<div class="upload" onclick="addWebId('upload_img_3', 'uploadimg3', 'upimg3')" id="upimg3">+</div>
<input type="text" name="name3" value="" placeholder="图片描述">
<div class="upload_img" style="display: none;" id="upload_img_3"></div>

js 写法:

<link rel="stylesheet" type="text/css" href="webuploader/0.1.5/webuploader.css"/>
<script type="text/javascript" src="webuploader/0.1.5/webuploader.min.js"></script>

$(function () {

        var uploader = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            //后台接收地址
            server: '/upload',
            //内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '.upload_img',
            //只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            },
            resize:false,
            //允许多次上传
            duplicate :true
        });

        //文件上传成功
        uploader.on('uploadSuccess', function (file, response) {
            //成功之后处理
            if (response.code == 1) {
                $(".web_upload").html("<img style='width: 100%; height: 100%;' src='" + response.data.url + "'>");
                $(".webUpload").val(response.data.url);
                $(".webUpload").removeClass("webUpload");
                $(".web_upload").removeClass("web_upload");
            } else {
                layer.msg(data.msg, {icon: 2, time: 1000});
            }
            this.removeFile(file, true);
        });

        // 文件上传失败，显示上传出错。
        uploader.on('uploadError', function (file) {
            alert('上传失败');
        });
    })

    function addWebId(id, id1, id2) {
         $("#"+id2).addClass("web_upload");
         $("#"+id+" input[type='file']").trigger("click");
         $("#"+id1).addClass("webUpload");
    }

效果图：