如何解决POST获取的PHP变量插入JS脚本时未定义错误？

核心问题分析 #

你遇到的错误源于两个关键问题：一是JS中的PHP代码未输出变量值，二是未确保$pdf_name变量始终被定义（比如未提交POST请求时变量不存在）。

1. 修正变量输出方式 #

你在flipBook配置里的PHP代码仅写了<?php $pdf_name ?>，这不会将变量值输出到JS中，必须使用echo或者短标签输出：

pdfUrl:'uploads/pdf-gallery/<?php echo $pdf_name; ?>',

如果你的PHP环境开启了short_open_tag配置，也可以用更简洁的短标签写法：

pdfUrl:'uploads/pdf-gallery/<?= $pdf_name; ?>',

2. 确保变量始终被定义 #

当页面未通过POST请求提交pdf_name参数时，$_POST['pdf_name']会不存在，导致$pdf_name未定义。需要提前处理这种情况：

// PHP7及以上版本可用空合并运算符，给变量默认值
$pdf_name = $_POST['pdf_name'] ?? '';

// 兼容低版本PHP的写法
// $pdf_name = isset($_POST['pdf_name']) ? $_POST['pdf_name'] : '';

同时要保证这段获取变量的代码在JS代码之前执行，避免变量作用域问题。

3. 安全加固（推荐） #

直接使用用户提交的POST值存在路径遍历风险，建议对文件名进行过滤：

// 仅保留合法的文件名字符（字母、数字、下划线、点号）
$pdf_name = preg_replace('/[^a-zA-Z0-9_\.]/', '', $_POST['pdf_name'] ?? '');

// 或者用basename函数提取纯文件名，防止恶意路径
$pdf_name = basename($_POST['pdf_name'] ?? '');

内容的提问来源于stack exchange，提问作者user3287680