Question

我使用wordpress cms，我需要自定义表单的帮助。它允许用户从前端发布。有几个字段和图像上传字段。这是一个两部分形式，第一部分是他提交数据的地方，第二部分是他获得他刚刚提交的数据的预览。请记住会在提交之后发生。

FORM CODE：

<?php
    global $wpdb;
    $this_page  =   $_SERVER['REQUEST_URI'];
    $page       =   $_POST['page'];
    if ( $page == NULL ) { ?> 

<form method="post" action="">

<div>LOCATION : <input type="text" name="location"/></div>

<div>DESCRIPTION : <textarea id="details" cols="80" rows="10 maxlength="600" name="details" rows="20"></textarea></div>

<div>UPLOAD IMAGE : <input type="file" name="loc-image" id="loc-image" tabindex="25" /></div>


<input type="hidden" value="1" name="page" />
<input type="hidden" name="action" value="post_action" />
<input type="submit" name="submit" value="PROCEED"/>
</form>

<?php 
} else if ( $page == 1 ) { ?> 

<?php 
$location=$_POST['location'];
$description=$_POST['details'];
$photo=$_POST['loc-image'];

echo 'Location : ' . $location . '</br>';
echo 'Details  : ' . $description . '</br>'; 
echo 'Image    : ' . $photo . '</br></br>';
?>
<?php
}
?>

问题：在最后一步中，我的当前代码能够显示所有提交的数据以及图像名称，但不显示图像。我想在此时显示图片。基本上，我需要最后一步才能成为预览页面。

下面给出的代码处理表单，我想特别注意代码的特定部分，这有助于插入附件，因为它可能有助于设计解决方案。

FORM PROCESSOR：

   if( 'POST' == $_SERVER['REQUEST_METHOD'] &&  $_POST['action'] == "post_action") {

                //some error checking done here

                //set vars
                $location       =  $_POST['location'];
                $description =  $_POST['details'];


                if (empty($error)) {   
                $new_post = array(   //insert form inputs, set var and define array
                'post_title'    =>  $location, 
                'post_content'  =>  $description,
                'post_status'   =>  'draft', 
                'post_type' =>  'post',  
                // assigning tags and categoris is no issue
                );

                $pid = wp_insert_post($new_post);

                                        //attachment helper function    
                                        function insert_attachment($file_handler,$post_id,$setthumb='false') {

                                            if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK){ return __return_false(); 
                                            } 
                                            require_once(ABSPATH . "wp-admin" . '/includes/image.php');
                                            require_once(ABSPATH . "wp-admin" . '/includes/file.php');
                                            require_once(ABSPATH . "wp-admin" . '/includes/media.php');

                                            $attach_id = media_handle_upload( $file_handler, $post_id );

                                            //set post thumbnail
                                            if ($setthumb) update_post_meta($post_id,'_thumbnail_id',$attach_id);
                                            return $attach_id;
                                            }


                                        //INSERT OUR MEDIA ATTACHMENTS
                                        if ($_FILES) {
                                        foreach ($_FILES as $file => $array) {
                                        $newupload = insert_attachment($file,$pid);
                                        // $newupload returns the attachment id of the file that
                                        // was just uploaded. Do whatever you want with that now.
                                        }
                                        } // end of attachment statement
    }
    }

脚注：除了问题之外，代码已经过大量定制，并且在我的wp-install上运行良好。所以，请忽略代码中的次要因素，例如。验证，安全等。

Answer 1

如果我没有将图像保存在临时文件夹中，那么首先保存到临时文件夹并使用像[驱动器名称]这样的图像路径在预览页面上显示图像：/ [文件夹名称] / [img_path]

提交表单后，从Temp文件夹中删除图像并保存到原始文件夹中。

Answer 2

由于我在表单提交后需要预览，因此解决方案比我想象的要容易，特别是当我已经在代码中分配和声明了附件ID $newupload时。所以我完全去了wordpress路线并使用下面的代码来调用图像，这就像魅力一样。

<?php echo wp_get_attachment_image( $newupload,'medium' ); ?>

点击此链接，详细了解wp_get_attachment_image。希望它可以帮到某人。

表单提交后的表单数据和图像预览

2 个答案: