--增加--
<div class="layui-form-item">
<input id="shop_images_path_add" name="intro" placeholder="封面地址" type="text" class="layui-input" lay-verify="required" required/>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>上传多张图片</legend>
</fieldset>
<div class="layui-upload">
<button type="button" class="layui-btn" id="base-shop-info-btn-images_add">多图片上传</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="images_path_add"></div>
</blockquote>
</div>
</div>
//多图片上传
upload.render({
elem: '#base-shop-info-btn-images_add'
,headers:header
,field:'image'
,accept:'images'
,url: config.base_server +'/portal/web/attachment/upload/image' //上传接口
,done: function(res){
if(res.token!=null){
config.putToken(res.token);
}
//上传完毕回调
if(res.status){
console.log(config.file_server+res.data.src);
$('#images_path_add').append('<img src="'+ config.file_server+res.data.src +'" class="layui-upload-img" style="width:92px;height:92px"">')
var str = $("#shop_images_path_add").val();
$("#shop_images_path_add").val(str+config.file_server+res.data.src+ ",") ;
}
}
,error: function(){
//请求异常回调
}
});
--修改--
upload.render({
elem: '#base-shop-info-btn-images_edit'
,headers:header
,field:'image'
,accept:'images'
,url: config.base_server +'/portal/web/attachment/upload/image' //上传接口
,done: function(res){
if(res.token!=null){
config.putToken(res.token);
}
//上传完毕回调
if(res.status){
console.log(config.file_server+res.data.src);
$('#images_path_edit').append('<img src="'+ config.file_server+res.data.src +'" class="layui-upload-img" style="width:92px;height:92px"">')
var str = $("#shop_images_path_edit").val();
$("#shop_images_path_edit").val(str+config.file_server+res.data.src+ ",") ;
}
}
,error: function(){
//请求异常回调
}
});
<div class="layui-form-item">
<input id="shop_images_path_edit" name="intro" placeholder="封面地址" type="text" class="layui-input" lay-verify="required" required/>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>上传多张图片</legend>
</fieldset>
<div class="layui-upload">
<button type="button" class="layui-btn" id="base-shop-info-btn-images_edit">多图片上传</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="images_path_edit"></div>
</blockquote>
</div>
</div>
//单图片回显
$().ready(function(){
var img = $('#shop_image_path').val();
$('#image_path').attr('src',img);
})
//多图片回显
$().ready(function(){
var imgStr = $('#shop_images_path_edit').val();
imgStr1 = imgStr.substring(0, imgStr.lastIndexOf(","));
imgStrArr = imgStr1.split(",")
console.log(imgStrArr);
for(var i=0; i<imgStrArr.length; i++){
//console.log(imgStrArr[i]);
$('#images_path_edit').append('<img src="'+ imgStrArr[i] +'" class="layui-upload-img" style="width:92px;height:92px"">')
}
})