Layui PDF上传

页面上给一个需要弹窗DIV

<!--上传pdf-->
<div id="uploadPDF" class="layui-fluid" style="display: none"></div>

监听工具栏添加上传方法

 function uploadPDF(orderId) {
   
        $("#uploadPDF").html("<blockquote class=\"layui-elem-quote layui-fluid\">\n" +
            "        <b>提示：</b><br/>\n" +
            "        1.请点击<b style=\"color: red;\">选择文件</b>按钮；<br/>\n" +
            "        2.该功能暂只提供<b style=\"color: red;\">PDF</b>文件上传;<br/>\n" +
            "        3.如上传失败,请点击<b style=\"color: red;\">重传</b>按钮,再次尝试;<br/>\n" +
            "        <br/>\n" +
            "    </blockquote>\n" +
            "    <div class=\"layui-upload\">\n" +
            "        <button type=\"button\" class=\"layui-btn layui-btn-normal\" id=\"testList\">选择文件\n" +
            "        </button>\n" +
            "        <div class=\"layui-upload-list\">\n" +
            "            <table class=\"layui-table\">\n" +
            "                <thead>\n" +
            "                <tr>\n" +
            "                    <th>文件名</th>\n" +
            "                    <th>大小</th>\n" +
            "                    <th>状态</th>\n" +
            "                    <th>操作</th>\n" +
            "                </tr>\n" +
            "                </thead>\n" +
            "                <tbody id=\"demoList\"></tbody>\n" +
            "            </table>\n" +
            "        </div>\n" +
            "        <button type=\"button\" class=\"layui-btn\" id=\"testListAction\">开始上传</button>\n" +
            "        <input type=\"text\" name=\"id\" id=\"fId\" style=\"display: none\"/>\n" +
            "    </div>");

        $("#fId").val(orderId);
        layer.open({
   
            type: 1
            , title: ['上传PDF']
            , area: ['35%', '50%']//设置弹框的宽与高
            , shadeClose: true
            , skin: 'layui-layer-molv'
            , shade: 0.3
            , resize: false
            , content: $(