display image captions, descriptions and additional media fields WordPress

Bob comments:

Can you try to put this code in your theme's functions.php file


// find attachment id
function pn_get_attachment_id_from_url( $attachment_url = '' ) {

global $wpdb;
$attachment_id = false;

// If there is no url, return.
if ( '' == $attachment_url )
return;

// Get the upload directory paths
$upload_dir_paths = wp_upload_dir();

// Make sure the upload path base directory exists in the attachment URL, to verify that we're working with a media library image
if ( false !== strpos( $attachment_url, $upload_dir_paths['baseurl'] ) ) {

// If this is the URL of an auto-generated thumbnail, get the URL of the original image
$attachment_url = preg_replace( '/-\d+x\d+(?=\.(jpg|jpeg|png|gif)$)/i', '', $attachment_url );

// Remove the upload path base directory from the attachment URL
$attachment_url = str_replace( $upload_dir_paths['baseurl'] . '/', '', $attachment_url );

// Finally, run a custom database query to get the attachment ID from the modified attachment URL
$attachment_id = $wpdb->get_var( $wpdb->prepare( "SELECT wposts.ID FROM $wpdb->posts wposts, $wpdb->postmeta wpostmeta WHERE wposts.ID = wpostmeta.post_id AND wpostmeta.meta_key = '_wp_attached_file' AND wpostmeta.meta_value = '%s' AND wposts.post_type = 'attachment'", $attachment_url ) );

}

return $attachment_id;
}

add_filter('the_content', 'add_image_extra_data');
function add_image_extra_data($content){
global $post;
if($post->post_type == "post"){
//print_r($content);
//preg_match( '/src="([^"]*)"/i', $content, $inlineImages ) ;
preg_match_all("/<img[^']*?src=\"([^']*?)\"[^']*?>/", $post->post_content, $inlineImages, PREG_PATTERN_ORDER);
if($inlineImages){
$i = 0;
foreach($inlineImages[1] as $image){
$attachment_id = pn_get_attachment_id_from_url($image);
$content = replace_image_tag($attachment_id, $content,$inlineImages[0][$i]);
$i++;
}
}
}
return $content;
}
//replace simple img tag with image+content
function replace_image_tag($attachment_id,$content,$img_tag){
$attachment = get_post( $attachment_id );
$meta = array(
'alt' => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),
'caption' => $attachment->post_excerpt,
'description' => $attachment->post_content,
'href' => get_permalink( $attachment->ID ),
'src' => $attachment->guid,
'title' => $attachment->post_title
);
$new_img = $img_tag."<div class='caption'>".$meta['caption']."</div>";
$new_img .= "<div class='desc'>".$meta['description']."</div>";
return str_replace($img_tag, $new_img,$content);
}


dataharvest comments:

I have one more additional piece of Image meta data that i’d like to have appear below the captions and descriptions - I’ve made a custom meta called “file-number” for the images in the media library - wonder if you could tell me how i might modify your code to bring that bit of information to the page.

thank you again for your help, very much.