堆栈内存溢出
  繁体   English   中英

使用 wp_handle_upload() 和 add_post_meta() 将图像放入 WordPress 自定义帖子类型（不是 ACF）的自定义元字段中

[英]Placing Image into WordPress Custom Post Type's (Not ACF) Custom Meta Field using wp_handle_upload() and add_post_meta()

 原文  2020-08-26 14:06:49  6   0    wordpress/ image/ file-upload/ plugins/ metadata

问题描述

我编写了一个非常基本的插件用于 WordPress，它创建了一个自定义帖子类型 (CPT)，其中包含多个自定义元字段。

我似乎无法回显图像 URL。 我尝试了很多其他类似的帖子解决方案，但它们似乎都以某种方式与我没有使用的高级自定义字段 (ACF) 插件有关。

这是表单代码，捕获数据并尝试将其放入 CPT：

<?php
// Handle Form Submissions
if ('POST' == $_SERVER['REQUEST_METHOD'] && !empty($_POST['post-type']) &&  $_POST['post-type'] == "testimonial") :
    // Do some minor form validation to make sure there is content
    if (isset ($_POST['your-profile-picture'])) {
        if (!function_exists('wp_handle_upload')) {
            require_once(ABSPATH . 'wp-admin/includes/file.php');
        }

        $uploaded_profile_picture = $_FILES['your-profile-picture'];

        $upload_overrides = array(
            'test_form' => false
        );

        $move_profile_picture = wp_handle_upload($uploaded_profile_picture, $upload_overrides);

        if ( $move_profile_picture && ! isset( $move_profile_picture['error'] ) ) {
            echo __('File is valid, and was successfully uploaded.', 'testmionial') . "\n";
            var_dump($move_profile_picture);
            $your_profile_picture = $move_profile_picture;
        } else {
            echo $move_profile_picture['error'];
        }
    } else { 
        echo 'Please provide a profile picture.';
    }
    if (isset ($_POST['your-name'])) {
        $post_title = $_POST['your-name'] . '\'s Testimonial';
        $your_name = $_POST['your-name'];
    } else { 
        echo 'Please enter your name.';
    }
    if (isset ($_POST['your-role'])) {
        $your_role = $_POST['your-role'];
    } else { 
        echo 'Please enter your role at this company.';
    }
    if (isset ($_POST['your-company'])) {
        $your_company = $_POST['your-company'];
    } else { 
        echo 'Please enter your company name.';
    }
    if (isset($_POST['your-testimonial'])) {
        $your_testimonial = $_POST['your-testimonial'];
    } else {
        echo 'Please enter your testimonial URL.';
    }
    if (isset ($_POST['your-background-image'])) {
        if (!function_exists('wp_handle_upload')) {
            require_once(ABSPATH . 'wp-admin/includes/file.php');
        }

        $uploaded_profile_picture = $_FILES['your-background-image'];

        $upload_overrides = array(
            'test_form' => false
        );

        $move_background_image = wp_handle_upload($uploaded_profile_picture, $upload_overrides);

        if ( $move_background_image && ! isset( $move_background_image['error'] ) ) {
            echo __('File is valid, and was successfully uploaded.', 'testimonial') . "\n";
            var_dump($move_background_image);
            $your_background_image = $move_background_image;
        } else {
            echo $move_background_image['error'];
        }
    } else { 
        echo 'Please provide a background image.';
    }

    /*if (isset ($_POST['your-profile-picture'])) {
        $your_profile_picture = $_POST['your-profile-picture'];
    } else { 
        echo 'Please provide a profile picture.';
    }
    if (isset ($_POST['your-background-image'])) {
        $your_background_image = $_POST['your-background-image'];
    } else { 
        echo 'Please select a background image.';
    }*/


    if (isset($_POST['post-type'])) {
        $post_type = $_POST['post-type'];
    } else {
        echo 'Unable to get post type.';
    }

    // Add the content of the form to $post as an array
    $testimonial_args = array(
        'post_title'                => $post_title,

        'your_profile_picture'      => $your_profile_picture,
        'your_name'                 => $your_name,
        'your_role'                 => $your_role,
        'your_company'              => $your_company,
        'your_testimonial'          => $your_testimonial,
        'your_background_image'     => $your_background_image,

        'post_type'                 => $post_type,
        'post_status'               => 'publish'
    );

    //save the new post
    $post_id = wp_insert_post($testimonial_args, true);

    $your_profile_picture           = $your_profile_picture;
    $your_name                      = $_POST['your-name'];
    $your_role                      = $_POST['your-role'];
    $your_company                   = $_POST['your-company'];
    $your_testimonial               = $_POST['your-testimonial'];
    $your_background_image          = $your_background_image;

    add_post_meta($post_id, 'your_profile_picture',     $your_profile_picture, true);
    add_post_meta($post_id, 'your_name',                $your_name, true);
    add_post_meta($post_id, 'your_role',                $your_role, true);
    add_post_meta($post_id, 'your_company',             $your_company, true);
    add_post_meta($post_id, 'your_testimonial',         $your_testimonial, true);
    add_post_meta($post_id, 'your_background_image',    $your_background_image, true);

    if ($post_id != '') : ?>
        <script>
            alert('Testimonial details successfully submitted!');
        </script>
    <?php else : ?>
        <script>
            alert('Testimonial details submission was unsuccessful!');
        </script>
    <?php endif;
endif; ?>

<div class="testimonial-form">
    <div class="testimonial-form-inner">
        <form id="new_post" name="new_post" method="post" action="" enctype="multipart/form-data">
            <div class="form-row">
                <label for="your-profile-picture">Your Profile Picture (145px x 145px)</label>
                <input type="file" id="your-profile-picture" accept=".jpg,.jpeg,.png" tabindex="1" name="your-profile-picture" onchange="validateImageFileType()" required/>
            </div>
            <div class="form-row">
                <label for="your-name">Your Name</label>
                <input type="text" id="your-name" value="" tabindex="1" size="50" name="your-name" required/>
            </div>
            <div class="form-row">
                <label for="your-role">Your Role</label>
                <input type="text" id="your-role" value="" tabindex="3" size="50" name="your-role" required/>
            </div>
            <div class="form-row">
                <label for="your-company">Your Company</label>
                <input type="text" id="your-company" value="" tabindex="4" size="50" name="your-company" required/>
            </div>
            <div class="form-row">
                <label for="your-testimonial">Your Testimonial</label>
                <textarea id="your-testimonial" name="your-testimonial" tabindex="5" rows="5" required></textarea>
            </div>
            <div class="form-row">
                <label for="your-background-image">Your Background Image (900px x 492px)</label>
                <input type="file" id="your-background-image" accept=".jpg,.jpeg,.png" tabindex="1" name="your-background-image" onchange="validateImageFileType()" required/>
            </div>

            <div class="form-row">
                <input id="submit" type="submit" value="Submit" tabindex="9" name="submit"/>
            </div>

            <input type="hidden" name="post-type" value="testimonial" />
            <?php wp_nonce_field( 'post-type' ); ?>
        </form>
    </div>
</div>

这是数据的输出，它循环查询每个帖子的请求字段，但将背景图像留空或为空：

<?php
// Loop through CPT Testimonial and add to slider
$args = array( 'post_type' => 'testimonial' );
$loop = new WP_Query( $args );
if ($loop != '') : ?>

    <div class="testimonials">

        Testimonials V1

        <div id="testimonial-slider" class="testimonial-slider"> 

            <?php
            while ( $loop->have_posts() ) : $loop->the_post(); ?>

                <?php
                $background_image_id    = get_post_meta(get_the_ID(), 'your_background_image_id', true);
                $background_image       = wp_get_attachment_image_url( $background_image_id, 'full' );
                $profile_image_id       = get_post_meta(get_the_ID(), 'your_profile_picture_id', true);
                $profile_image          = wp_get_attachment_image_url( $profile_image_id, 'full' );
                var_dump(get_post_meta(get_the_ID()));
                die(); ?>

                <div class="testimonial-slide" style="background-image: url(<?php echo $background_image; ?>);">

                    <div class="testimonial-profile-picture" style="background-image: url(<?php echo $profile_image; ?>);"></div>

                    <div class="testimonial-content">
                        <?php echo get_post_meta(get_the_ID(), 'your_testimonial', true); ?>
                    </div>

                    <div class="testimonial-signature">
                        <div class="testimonial-name"><?php echo get_post_meta(get_the_ID(), 'your_name', true); ?></div>
                        <div class="testimonial-role"><?php echo get_post_meta(get_the_ID(), 'your_role', true); ?></div>
                        <div class="testimonial-company"><?php echo get_post_meta(get_the_ID(), 'your_company', true); ?></div>
                    </div>

                </div>

            <?php 
            endwhile; ?>

        </div>
    </div>

<?php endif; ?>

根据评论中的要求，帖子的 var dump 如下：

array(6) {
    ["your_profile_picture"]=&gt;
    array(1) {
        [0]=&gt;
        NULL
    }
    ["your_name"]=&gt;
    array(1) {
        [0]=&gt;
        string(12) "Jason"
    }
    ["your_role"]=&gt;
    array(1) {
        [0]=&gt;
        string(13) "Web Developer"
    }
    ["your_company"]=&gt;
    array(1) {
        [0]=&gt;
        string(6) "Example"
    }
    ["your_testimonial"]=&gt;
    array(1) {
        [0]=&gt;
        string(231) "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
    }
    ["your_background_image"]=&gt;
    array(1) {
        [0]=&gt;
        NULL
    }
}

最后，当提交一个完整的表单时，所有预期的数据都存在，简单验证的响应是：

Please provide a profile picture.Please select a background image.

Notice: Undefined variable: your_profile_picture in /var/sites/d/doopsdesigns.co.uk/public_html/test/clicky/wp-content/plugins/testimonial-lister/templates/testimonial-submission-form.php on line 95

Notice: Undefined variable: your_background_image in /var/sites/d/doopsdesigns.co.uk/public_html/test/clicky/wp-content/plugins/testimonial-lister/templates/testimonial-submission-form.php on line 100

Notice: Undefined index: your-profile-picture in /var/sites/d/doopsdesigns.co.uk/public_html/test/clicky/wp-content/plugins/testimonial-lister/templates/testimonial-submission-form.php on line 109

Notice: Undefined index: your-background-image in /var/sites/d/doopsdesigns.co.uk/public_html/test/clicky/wp-content/plugins/testimonial-lister/templates/testimonial-submission-form.php on line 114

请我们寻找一种解决方案，将图像的 url 回显到背景图像样式中吗？

关于可能的重复，我正在努力解决的部分是将文件传递到数据库，我已将我的问题更新为我的最新代码，该代码正在尝试与引用的帖子类似的方法，但没有解释我如何通过上传图像到正在插入数据库的数据。

也没有提到使用 wp_handle_upload 这将是我的首选方法:)

0 个解决方案

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 具有add_post_meta的ACF关系字段 WordPress在add_post_meta上发送电子邮件 Wordpress 中的 add_post_meta() function 的问题 了解add_post_meta WordPress方法？ get_post_meta和add_post_meta在wordpress中不起作用 函数挂钩add_post_meta ACF Post对象 wordpress自定义帖子类型元字段值 使用元框自定义帖子类型图像上传 用add_post_meta序列化 add_post_meta（）不起作用
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM