WordPress WooCommerce：如何从fpd_data提取最终画布图片至配送单

嘿，我来帮你搞定这个需求！要把FPD定制的最终画布图片展示到配送单/发票上，其实分几个清晰的步骤就能实现，我给你详细拆解：

1. 解析fpd_data为可操作的数组 #

你已经用stripslashes()处理过数据了，接下来需要把JSON格式的字符串解码成PHP关联数组，这样才能提取里面的图片URL：

// 假设$your_fpd_meta_value是从order_items_meta表获取到的fpd_data值
$fpd_raw_data = stripslashes($your_fpd_meta_value);
$fpd_data = json_decode($fpd_raw_data, true);

// 调试用：打印数组结构，确认图片所在的节点（可以先开调试模式看一下）
// echo '<pre>' . print_r($fpd_data, true) . '</pre>';

2. 定位最终画布图片的URL #

FPD的最终生成图片通常会存在finalImages数组里（多画布场景），或者部分版本会存在canvas节点下。你可以根据实际的数组结构调整：

$canvas_image_url = '';

// 优先检查finalImages（多数版本的结构）
if (isset($fpd_data['finalImages']) && is_array($fpd_data['finalImages']) && !empty($fpd_data['finalImages'])) {
    // 取第一个画布的图片（如果是单画布产品）
    $canvas_image_url = $fpd_data['finalImages'][0]['url'];
} 
// 兼容部分旧版本的结构
elseif (isset($fpd_data['canvas']['image']['url'])) {
    $canvas_image_url = $fpd_data['canvas']['image']['url'];
}

3. 处理图片路径（确保可访问） #

有时候FPD存储的是相对路径，这时候需要拼接成站点绝对URL，避免图片加载失败：

if (!empty($canvas_image_url)) {
    // 判断是否为绝对URL，不是的话拼接站点根URL
    if (strpos($canvas_image_url, 'http') !== 0) {
        $canvas_image_url = home_url($canvas_image_url);
    }
}

4. 在配送单/发票模板中展示图片 #

接下来你需要把图片插入到打印单据的模板里。如果你用的是WooCommerce自带的订单详情模板，或者自定义的打印插件模板，添加如下代码即可：

// 只有存在图片URL时才输出
if (!empty($canvas_image_url)) {
    echo '<div class="custom-product-image">
            <img src="' . esc_url($canvas_image_url) . '" 
                 alt="定制产品画布" 
                 style="max-width: 200px; height: auto; margin: 10px 0;" />
          </div>';
} else {
    echo '<p>无定制产品图片</p>';
}

关键提示 #

• 先调试数组结构：不同版本的FPD可能会有数据结构差异，建议先通过print_r($fpd_data)查看实际的键名，确保能准确找到图片URL的位置。
• 权限检查：如果图片存储在本地服务器，要确保文件的访问权限正确，避免404错误。
• 安全处理：用esc_url()处理图片URL，避免XSS风险。

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