template/common/web/tpl_form_field_image.html

(完整代码) 1KB

<div class="input-group">
    <input type="text" name="[name]" class="layui-input layui-upload-input" readonly="readonly" autocomplete="off" placeholder="请上传图片" value="[value]" id="tplFieldImageInput_[name]">
    <span class="layui-btn layui-input-group-addon input-group-addon" id="tplFieldImageBtn_[name]">上传图片</span>
</div>
<div class="input-group">
    <div class="layui-upload-img-boxs" id="tplFieldImageBox_[name]">
        <div class="img-box">
            <img src="{php}
                $tplFieldImageInputValue = '[value]';
                if($tplFieldImageInputValue != ''){
                    if (strpos( $tplFieldImageInputValue ,'https:') === false && strpos( $tplFieldImageInputValue ,'http:') === false) {
                        echo '__PUBLIC__';
                    }
                    echo '[value]';
                } else {
                    echo '__PUBLIC__admin/images/nopic.jpg';
                }
            {/php}" alt="图片">
            <div class="close">x</div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $('#tplFieldImageBtn_[name]').on('click',function(){
        //系统弹框
        new commonModal({
            type:'image',
            success:function(obj){
                $('#tplFieldImageBox_[name] img').attr('src', '__PUBLIC__'+ obj.list[0].url);
                $('#tplFieldImageInput_[name]').val(obj.list[0].url);
                // 上传成功的回调函数
                {if strpos('[callback]' ,'[') === false}
                    [callback]&&[callback](obj);
                {/if}
            }
        });

    });

    // 删除图片
    $('#tplFieldImageBox_[name] .close').on('click',function(){
        $('#tplFieldImageBox_[name] img').attr('src', '__PUBLIC__admin/images/nopic.jpg');
        $('#tplFieldImageInput_[name]').val('');
    })
</script>

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

还没有人解读过这个文件。