在wordpress中创建自定义字段并上传图像

时间:2012-12-08 10:04:22

标签: wordpress image-upload

我正在尝试通过自定义字段学习上传图像文件的方法,但无法获得最简单的代码。我刚刚在这里做了一点:

add_action('admin_init', 'create_image_box');
function create_image_box() {
add_meta_box( 'meta-box-id', 'Image Field', 'display_image_box', 'post', 'normal', 'high' );
}

//Display the image_box
function display_image_box() {
 global $post;
  $image_id = get_post_meta($post->ID,'xxxx_image', true);
 echo 'Upload an image: <input type="file" name="xxxx_image" id="xxxx_image" />';

// Upload done: show it now...(as thmbnail or 60 x 50) 

任何人请带我到下一步,并显示在博客页面中显示图像的方式。

2 个答案:

答案 0 :(得分:4)

让我们在这里逐步进行:

  1. 创建自定义字段Meta Box,用于在帖子类型=&gt;中插入图片网址交。
  2. 在后端更新/保存自定义字段值。
  3. 在前端显示自定义字段值。
  4. 看到你的代码似乎缺少#2。请尝试以下代码以保存自定义字段:

    function save_joe_details($post_id){
      global $post;
      if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE )
      return $post_id;
      update_post_meta($post->ID, "custom_field_image", $_POST["custom_field_image"] );
    }
    add_action('save_post', 'save_joe_details');
    

    显示自定义字段的#3代码为:

    <?php global $post;
    $custom_image = get_post_custom($post->ID); ?>
    <img src="<?php echo $custom_image["custom_field_image"][0] ?>" />
    

答案 1 :(得分:0)

您可以尝试将其包装在wp_get_attachment_url中,如下所示: -

wp_get_attachment_url( $custom_image["custom_field_image"][0] );