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

古龙

我使用wordpress cms,并且需要定制表格的帮助。它允许用户从前端发布。有几个字段和一个图像上传字段。它分为两部分,第一部分是他提交数据的地方,第二部分是他预览刚刚提交的数据的地方。请记住,这是在提交之后发生的

表格代码:

<?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
}
?>

问题:在最后一步,我当前的代码能够显示所有提交的数据以及图像名称,但不能显示图像。我现在想显示图像基本上,我需要的最后一步是预览页面。

下面提供的代码处理表单,我想特别吸引您注意代码的特定部分,该部分有助于插入附件,因为这可能有助于设计解决方案。

表格处理程序:

   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上运行良好。因此,请忽略代码中的次要因素,例如。验证,安全性等

古龙

由于在提交表单后需要预览,因此解决方案比我想象的要容易得多,尤其是当我已经$newupload在代码中分配并声明了附件ID时因此,我完全走上了wordpress路线,并使用下面的代码来调用图片,其工作原理类似于魅力。

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

点击链接以了解有关wp_get_attachment_image的更多信息希望它能帮助某人。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

使用选择值和表单数据提交表单

来自分类Dev

PHP表单提交和表单数据验证

来自分类Dev

如何提交表单数据

来自分类Dev

amp表单未提交表单数据

来自分类Dev

jQuery表单提交丢失的表单数据

来自分类Dev

同时提交 html 表单数据和 iframe 输入

来自分类Dev

Dropzone:同时提交表单数据和 dropzone

来自分类Dev

提交的多部分/表单数据表单重新加载后丢失 $_POST 数据(Firefox)

来自分类Dev

显示预览图像,在提交表单上载

来自分类Dev

PHP在表单验证后将表单数据放回表单

来自分类Dev

无需提交的POST表单数据

来自分类Dev

在div中显示提交的表单数据

来自分类Dev

从foreach循环提交表单数据

来自分类Dev

提交表单数据为JSON

来自分类Dev

JSON表单数据作为动态提交

来自分类Dev

提交按钮不传递表单数据

来自分类Dev

基于表单数据提交表单的条件确认框

来自分类Dev

jQuery表单和图像提交

来自分类Dev

Android:从模板+表单数据创建图像

来自分类Dev

表单数据未与Spring Controller注释绑定,提交后获取新对象

来自分类Dev

使用php提交后将表单数据保留在字段中

来自分类Dev

从WebView提交表单数据后返回主机应用程序

来自分类Dev

使用 codeigniter 成功提交后将表单数据发送到电子邮件

来自分类Dev

Dropzone,如何提交包含数据和多个图像的表单?

来自分类Dev

Dropzone,如何提交包含数据和多张图像的表单?

来自分类Dev

Angular:提交带有数据和图像的表单

来自分类Dev

尝试在提交时从表单上传数据和图像

来自分类Dev

jQuery通过ajax上传和预览图像onchange,而无需提交整个表单

Related 相关文章

热门标签

归档