javascript layer.open 上传pdf，写在active里

在JavaScript中，`layer.open()` 是 layui 框架的一个弹窗函数，通常用于展示异步加载的内容。如果你想在层窗口里实现上传PDF文件的功能，你可以使用HTML5的 `input[type=file]` 元素结合表单的提交方法，然后结合FileReader API读取文件内容。

以下是一个简单的示例，说明如何在`layer.open`的自定义内容区域添加一个PDF上传功能：

// 引入layui库和其他必要的文件
layui.use(['layer', 'form'], function () {
    var layer = layui.layer;
    var form = layui.form;

    // 定义上传PDF的回调函数
    function handleFileUpload(file) {
        if (file.type === 'application/pdf') {
            // 创建一个新的FileReader实例
            var reader = new FileReader();

            // 当文件读取完成时
            reader.onload = function (e) {
                // 通过layer.open显示一个包含PDF预览或下载链接的弹窗
                layer.open({
                    type: 1, // 1代表iframe
                    title: 'PDF上传',
                    content: '<a href="' + URL.createObjectURL(e.target.result) + '">点击预览PDF</a> 或 <a onclick="downloadPdf(\'' + e.target.result + '\')">下载PDF</a>',
                    btn: ['确定'],
                    success: function(layero, index) {
                        // 添加下载PDF的函数
                        function downloadPdf(url) {
                            window.location.href = url; // 直接下载PDF
                        }
                    }
                });
            };

            // 开始读取PDF文件
            reader.readAsDataURL(file);
        } else {
            alert('请选择PDF文件');
        }
    }

    // 打开层并设置文件输入
    layer.open({
        type: 2,
        area: ['auto', 'auto'],
        content: '<form action="#" method="post" enctype="multipart/form-data">'+
                  '<input type="file" name="pdf" accept=".pdf" onchange="handleFileUpload(this.files[0])">'+
                  '</form>',
        btn: ['上传'],
        yes: handleFileUpload // 点击确认按钮触发文件上传
    });
});

// 提醒用户选择PDF文件