webuploader动态新增控件上传多种图片
我的使用场景
后台添加房源信息需要添加户型,户型要求可以添加多个,并且每个户型都需要有户型图(户型图相互之间不同)
1、首先准备空的模板做拷贝复制用
<div class="form-group" id="rank">
<div class="form-groups" id="ddd">
<div class="form-group">
<div class="col-sm-6">
<label class="col-sm-3 control-label">户型类别:</label>
<div class="col-sm-8">
<select id="houseType1" name="houseType1"
class="form-control" type="text"
th:with="labDTOs=${@labelServiceImpl.selectAllLabelListByType('2')}">
<option value="" disabled selected>请选择户型类别</option>
<option th:each="labDTO : ${labDTOs}" th:text="${labDTO.keyValue}"
th:value="${labDTO.keyValue}"></option>
</select>
</div>
</div>
<div class="col-sm-6">
<label class="col-sm-3 control-label">户型面积:</label>
<div class="col-sm-6">
<input onkeyup="value=value.replace(/[^\d.]/g,'')" required="required" id="area1"
name="area1" class="form-control" type="text"
placeholder="请输入户型面积">
</div>
<label class="col-sm-2 control-label">平米</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-6">
<label class="col-sm-3 control-label">户型分布:</label>
<div class="col-sm-8">
<input required="required" placeholder="请输入该户型所属号楼:如10号楼" id="distribution1"
name="distribution1"
class="form-control" maxlength="20" type="text">
</div>
</div>
<div class="col-sm-6">
<label class="col-sm-3 control-label">户型售价:</label>