Home-Data/application/admin/view/information/form.html

{extend name="layout:home" /}

{block name="container"}
<form class="layui-form layui-form-pane" method="post" enctype="multipart/form-data">
    <div class="layui-tab layui-tab-card">
        <div class="layui-tab-content page-tab-content">
            <div class="layui-tab-item layui-show ">
                <div class="layui-form-item">
                    <label class="layui-form-label">标题</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input field-name" name="homecontact_name" id="homecontact_name" value="{$homecontact.homecontact_name|default=''}" autocomplete="off" placeholder="请输入标题" required />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">内容1</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input field-name" name="homecontact_content1" id="homecontact_content1" value="{$homecontact.homecontact_content1|default=''}" autocomplete="off" placeholder="请输入内容1" required />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">内容2</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input field-name" name="homecontact_content2" id="homecontact_content2" value="{$homecontact.homecontact_content2|default=''}"  placeholder="请输入内容2" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">内容3</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input field-name" name="homecontact_content3" id="homecontact_content3" value="{$homecontact.homecontact_content3|default=''}"  placeholder="请输入内容3" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input type="submit" class="layui-btn layui-btn-normal" lay-submit value="{:lang('ds_submit')}" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
<script>
    layui.use('form', function() {
        var form = layui.form;
    });
    $(function() {
        $("#file").change(function(e) {
            var imgBox = e.target;
            uploadImg(imgBox)
        });

        function uploadImg(tag) {
            var file = tag.files[0];
            var imgSrc;
            if (!/image\/\w+/.test(file.type)) {
                alert("您选择的图片格式错误");
                let fileIput = $("#file").val("");
                //fileIput.after(fileIput.clone().val(""));
                $("#onFile").attr("src", '/static/user/images/header.png');
                //fileIput.remove();
                return false;
            }
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function() {
                imgSrc = this.result;
                $("#onFile").attr("src", imgSrc);
            };
        }
    })


</script>
{/block}