feat(system): 优化支付链接图片上传功能

Administrator

15 hours ago 75e2b4df7408456bfa39915e0edf90356fabecc4

 src/main/resources/templates/febs/views/modules/system/payLink.html

@@ -12,6 +12,24 @@
                        </div>
                        <div class="layui-word-aux" style="margin-left: 150px;">用户点击付款时跳转的链接地址，必须以 http(s):// 开头</div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">链接图片：</label>
                        <div class="layui-upload">
                            <button type="button" class="layui-btn layui-btn-normal" id="pay-link-img-upload">上传图片</button>
                            <div class="layui-input-block">
                                <div class="layui-upload-list">
                                    <img class="layui-upload-img" id="xtLinkImgUrls" style="width: 200px;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">图片链接：</label>
                        <div class="layui-input-block">
                            <input type="text" id="xtLinkImg" name="xtLinkImg"
                                   autocomplete="off" class="layui-input" readonly>
                        </div>
                    </div>
                </div>

                <div class="layui-card-footer">
@@ -33,12 +51,17 @@
    .layui-table-form .layui-form-item {
        margin-bottom: 20px !important;
    }

    .layui-upload-list {
        margin: 0 !important;
    }
</style>
<script data-th-inline="javascript" type="text/javascript">
    layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form'], function () {
    layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form', 'upload'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            form = layui.form,
            upload = layui.upload,
            payLink = [[${payLink}]],
            validate = layui.validate,
            $view = $('#pay-link');
@@ -47,12 +70,31 @@

        if (payLink) {
            form.val("pay-link-form", {
                "xtLink": payLink.xtLink
                "xtLink": payLink.xtLink,
                "xtLinkImg": payLink.xtLinkImg
            });
            if (payLink.xtLinkImg) {
                $('#xtLinkImgUrls').attr('src', payLink.xtLinkImg);
            }
        }

        form.render();

        // 图片上传
        upload.render({
            elem: '#pay-link-img-upload'
            ,url: ctx + 'admin/goods/uploadFileBase64'
            ,before: function(obj){
                obj.preview(function(index, file, result){
                    $('#xtLinkImgUrls').attr('src', result);
                });
            }
            ,done: function(res){
                febs.alert.success(res.data.src);
                $("#xtLinkImg").val(res.data.src);
            }
        });

        form.on('submit(pay-link-form-submit)', function (data) {
            febs.post(ctx + 'admin/system/payLink', data.field, function (res) {
                febs.alert.success('保存成功');