后台【新增】:商品维护封面图增加【追加到图集】的按钮,方便单张图片的商品图片可以复用,不需要重复上传。

This commit is contained in:
大灰灰
2025-05-04 22:00:34 +08:00
parent 3308a49977
commit 76484aceb8
2 changed files with 36 additions and 2 deletions

View File

@@ -150,10 +150,11 @@
<div class="layui-input-inline layui-inline-10">
<input name="goods[image]" id="goodImage" size="15" lay-verify="required" autocomplete="off" class="layui-input" lay-reqText="请上传【封面图】" />
</div>
<div class="layui-input-inline">
<div class="layui-input-inline layui-inline-6">
<div class="layui-upload">
<button type="button" class="layui-btn" id="upBtn">裁剪上传</button>
<button type="button" class="layui-btn" id="upBtnOriginalByGood">原图上传</button>
<button type="button" class="layui-btn layui-bg-orange" id="addToAlbum">追加到图集</button>
<div class="layui-upload-list">
<img class="layui-upload-img" id="viewImgBox" src="{{ layui.setter.noImagePicUrl }}">
<p id="viewTextBox"></p>
@@ -886,6 +887,22 @@
}
});
//追加到图集
$('#addToAlbum').click(function () {
var goodImage = $('#goodImage').val();
if (!!!goodImage) {
layer.msg('请先上传封面图');
return;
}
imgs.push(goodImage);
$('#imageIds').val(imgs);
var getTpl = image_tpl.innerHTML, view = document.getElementById('upload-more-list');
laytpl(getTpl).render(imgs, function (html) {
view.innerHTML = html;
});
layer.msg('追加成功');
});
//图集上传
$('#upBtnimageIds').click(function () {
cropperImg.cropImg({

View File

@@ -146,10 +146,11 @@
<div class="layui-input-inline layui-inline-10">
<input name="goods[image]" id="goodImage" lay-verify="required" size="15" value="{{d.data.model.image }}" autocomplete="off" class="layui-input" lay-reqText="请上传【封面图】" />
</div>
<div class="layui-input-inline">
<div class="layui-input-inline layui-inline-6">
<div class="layui-upload">
<button type="button" class="layui-btn" id="upBtn">裁剪上传</button>
<button type="button" class="layui-btn" id="upBtnOriginalByGood">原图上传</button>
<button type="button" class="layui-btn layui-bg-orange" id="addToAlbum">追加到图集</button>
<div class="layui-upload-list">
<img class="layui-upload-img" id="viewImgBox" src="{{d.data.model.image || layui.setter.noImagePicUrl }}">
<p id="viewTextBox"></p>
@@ -969,6 +970,22 @@
}
});
//追加到图集
$('#addToAlbum').click(function () {
var goodImage = $('#goodImage').val();
if (!!!goodImage) {
layer.msg('请先上传封面图');
return;
}
imgs.push(goodImage);
$('#imageIds').val(imgs);
var getTpl = image_tpl.innerHTML, view = document.getElementById('upload-more-list');
laytpl(getTpl).render(imgs, function (html) {
view.innerHTML = html;
});
layer.msg('追加成功');
});
//图集上传
$('#upBtnimageIds').click(function () {
cropperImg.cropImg({