create custom field and upload image in wordpress

Question

i'm trying to learn the way for uploading image file through custom field but cant get the easiest code to do it. i just done a bit here:

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)

anybody please take me to next step and show the way to display the image in blog page too.

Aky Joe · Accepted Answer · 2012-12-08 11:24:22Z

6

Lets go Stepwise here:

Create custom field Meta Box for inserting Image Url in post type => post.
Update/Save the custom field value in back end.
Display the custom field value in front end.

Seeing your code it seems that you are missing #2. Try the code below to save custom field:

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');

Code for #3 that displaying the custom field will be:

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

answered Dec 8, 2012 at 11:24

Aky Joe

2711 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

mehedi doha Over a year ago

thanks Joe for ur kind help..i just followed ur way & getting no error but somewhere im doing wrong thats y its not display the image..[stackoverflow.com/questions/13795277/…

Aky Joe Over a year ago

Try to confirm, whether the custom field holds any value in Post Editor or not. (If Custom Fields Widget is hidden then use Screen Options at the top of screen to make it visible.)

mehedi doha Over a year ago

thanks 4ur reply..i just checked screen option and all marked as visible. do in made any wrong inside my code ? [stackoverflow.com/questions/13795277/…

Aky Joe Over a year ago

Did you check the custom field value, if it is containing any image url or not?

mehedi doha Over a year ago

its containing the file name only not url.. how can i get the url ?

|

Number2 · Accepted Answer · 2013-09-04 06:20:37Z

0

you could try wrap it in wp_get_attachment_url like this:-

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

edited Sep 4, 2013 at 6:20

user907729

answered Sep 4, 2013 at 6:01

Number2

1

Collectives™ on Stack Overflow

create custom field and upload image in wordpress

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related