添加图片上传到Woocommerce注册表单，并在管理后端显示它

<!-- 在 WooCommerce 注册表单中添加文件上传字段 -->
<form id="register_form">
    <!-- 其他表单字段 -->
    <input type="file" id="avatar_upload" name="avatar_upload" accept="image/*">
    <button type="submit">注册</button>
</form>

<script>
document.getElementById('register_form').addEventListener('submit', function(event) {
    event.preventDefault();
    const formData = new FormData(this);
    fetch('/wp-json/wc/v3/customers', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
});
</script>

add_action('woocommerce_created_customer', 'save_avatar_on_registration', 10, 3);

function save_avatar_on_registration($customer_id, $new_customer_data, $password_generated) {
    if (isset($_FILES['avatar_upload'])) {
        $file = $_FILES['avatar_upload'];
        $upload_overrides = array( 'test_form' => false );
        $movefile = wp_handle_upload($file, $upload_overrides);
        if ($movefile && !isset($movefile['error'])) {
            update_user_meta($customer_id, 'avatar_upload', $movefile['url']);
        }
    }
}