From d0abf4adc041d3840481ce0bb67f4f32bebfe0f5 Mon Sep 17 00:00:00 2001 From: xiaoyong931011 <15274802129@163.com> Date: Thu, 23 Sep 2021 18:28:49 +0800 Subject: [PATCH] 20210923 --- src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html | 54 +++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 47 insertions(+), 7 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html b/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html index 1929f68..029250f 100644 --- a/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html +++ b/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html @@ -71,7 +71,6 @@ </div> </div> <div id="attrWrap"></div> - <div class="layui-form-item"> <label class="layui-form-label">缩略图:</label> <div class="layui-input-block"> @@ -89,6 +88,25 @@ <input type="text" id="thumb" name="thumb" autocomplete="off" class="layui-input" readonly> </div> </div> + + <div class="layui-form-item"> + <label class="layui-form-label">轮播图:</label> + <div class="layui-input-block"> + <div class="layui-upload"> + <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" id="thumbsBanner">上传</button> + <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> + <div class="layui-upload-list" id="thumbsBanners"></div> + </blockquote> + </div> + </div> + </div> + <div class="layui-form-item febs-hide"> + <label class="layui-form-label">缩略图链接:</label> + <div class="layui-input-block"> + <input type="text" id="thumbs" name="thumbs" autocomplete="off" class="layui-input" readonly> + </div> + </div> + <div class="layui-form-item"> <label class="layui-form-label">商品详情:</label> <div class="layui-input-block"> @@ -168,22 +186,44 @@ }); //多图片上传 upload.render({ + elem: '#thumbsBanner' + ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 + ,multiple: true + ,before: function(obj){ + //预读本地文件示例,不支持ie8 + obj.preview(function(index, file, result){ + $('#thumbsBanners').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">') + }); + } + ,done: function(res){ + var thumbs = $("#thumbs").val(); + if(thumbs == ''){ + $("#thumbs").val(res.data.src); + }else{ + $("#thumbs").val(thumbs + ',' + res.data.src); + } + // alert($("#thumb").val()); + } + }); + + //多图片上传 + upload.render({ elem: '#test2' ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 ,multiple: true ,before: function(obj){ //预读本地文件示例,不支持ie8 obj.preview(function(index, file, result){ - $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">') + $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">') }); } ,done: function(res){ - var thumbs = $("#thumb").val(); - if(thumbs == ''){ + // var thumbs = $("#thumb").val(); + // if(thumbs == ''){ $("#thumb").val(res.data.src); - }else{ - $("#thumb").val(thumbs + ',' + res.data.src); - } + // }else{ + // $("#thumb").val(thumbs + ',' + res.data.src); + // } // alert($("#thumb").val()); } }); -- Gitblit v1.9.1