gaoyixia/application/nutrition/view/one_datum/form.html

<div class="think-box-shadow">
    <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
        <div class="layui-card-body">

            <div class="layui-form-item">
                <label class="layui-form-label label-required">标题</label>
                <div class="layui-input-block">
                    <input name="title" maxlength="60"  value='{$vo.title|default=""}' placeholder="请输入标题" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">PDF文件</label>

                <label class="layui-col-xs10 relative">
                    <label class="layui-col-xs9 think-form-group-left">
                        <input name="datum_url" value='{$vo.datum_url|default=""}'  readonly placeholder="请上传" class="layui-input">
                    </label>
                    <button type="button" class="layui-btn"  id="test3"><i class="layui-icon"></i>上传文件</button>
                </label>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">标签</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入标签" maxlength="100" class="layui-textarea" name="label">{$vo.label|default=''}</textarea>
                    <span >多个用逗号隔开（半角）</span>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">排序</label>
                <div class="layui-input-block">
                    <input name="sort" type="number" value='{$vo.sort|default="0"}' placeholder="请输入排序号" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">是否VIP</label>
                <div class="layui-input-block">
                    <select class="layui-select" name="is_vip">
                        <option    value="0">否</option>
                        <option   {if !empty($vo.is_vip) &&  $vo.is_vip == 1 }selected{/if}  value="1">是</option>
                    </select>
                </div>
            </div>

            {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
            {if !$r}
            <div class="layui-form-item text-center">
                <button class="layui-btn" type='submit'>保 存</button>
                <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗？" data-close>取消编辑</button>
            </div>
            {/if}
        </div>
    </form>
    <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
    <script>

        window.form.render();

        layui.use(['upload', 'element', 'layer'], function(){
            var $ = layui.jquery
                ,upload = layui.upload
                ,element = layui.element
                ,layer = layui.layer;
            upload.render({
                elem: '#test3',
                url: '/api/upload/pdfUpload', //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。,accept: 'file', //普通文件,
                accept: 'multipart/form-data', //普通文件,
                done: function(res){
                    console.log(res)
                    if(res.code == 1){
                        $("input[name='datum_url']").val(res.data.cipher_path);
                    }
                    layer.msg(res.msg);

                }
            });
        });

        function upload_img(e,k) {
            var file = e.files[0]; //获取图片资源
            var fileTypes = ["bmp", "jpg", "png", "jpeg"];
            var bTypeMatch = false
            for (var i = 0; i < fileTypes.length; i++) {
                var start = file.name.lastIndexOf(".");
                var fileType = file.name.substring(start + 1);
                if (fileType.toLowerCase() == fileTypes[i]) {
                    bTypeMatch = true;
                    break;
                }
            }
            if (bTypeMatch) {
                if (file.size <= 1024 * 1024 * 50) {
                    var farmData = new FormData();
                    farmData.append("file", file)
                    $.ajax("https://pdf.gyxqcdz.com/v1/pdf/upload", {
                        data: farmData,
                        processData: false,
                        contentType: false,
                        dataType: 'json',
                        type: 'post', //HTTP请求类型
                        headers: {
                            'zbtoken': localStorage.getItem("token"),
                            'enctype': 'multipart/form-data',
                        },
                        success: function (data) {
                            console.log(data);
                        },
                        error: function (xhr, type, errorThrown) {
                            console.log(type);
                        }
                    });
                } else {
                    alert('仅支持不超过50M的图片');
                    return false;
                }
            } else {
                alert('仅限bmp，jpg，png，jpeg图片格式');
                return false;
            }
        }



    </script>
</div>