Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Show imgs in v3.5 Media Library modal only from a post id? WordPress

  • REFUNDED

How can someone restrict the images which appear in the v3.5 Media Library modal to only show those that are attached to a specific post id?

I'm creating a front-end management template that allows multiple authors to edit any particular post, hence the need to restrict what is shown on a post-by-post basis rather than those uploaded by a particular user.

The upload modal is based off of [[LINK href="http://mikejolley.com/2012/12/using-the-new-wordpress-3-5-media-uploader-in-plugins/"]]Mike Jolley's upload modal tutorial[[/LINK]]. It's been modified to look for the post id in the body class and attach uploaded media to that $pid.

This is the complete modal js so far:

// Uploading files
jQuery(document).ready(function($) {

var file_frame;
var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id

var classes = $('body').attr('class'); // get all classes from <body> element
var set_to_post_id = classes.match(/postid-(\d+)/)[1]; // pid to attach media to

jQuery(document).on('click', '.upload_image_button', function(){

event.preventDefault();

// If the media frame already exists, reopen it.
if ( file_frame ) {
// Set the post ID to what we want
file_frame.uploader.uploader.param( 'post_id', set_to_post_id );
// Open frame
file_frame.open();
return;
} else {
// Set the wp.media post id so the uploader grabs the ID we want when initialised
wp.media.model.settings.post.id = set_to_post_id;
}

// Create the media frame.
file_frame = wp.media.frames.file_frame = wp.media({
title: jQuery( this ).data( 'uploader_title' ),
button: {
text: jQuery( this ).data( 'uploader_button_text' ),
},
multiple: false // Set to true to allow multiple files to be selected
});

// When an image is selected, run a callback.
file_frame.on( 'select', function() {
// We set multiple to false so only get one image from the uploader
attachment = file_frame.state().get('selection').first().toJSON();

// Do something with attachment.id and/or attachment.url here

// Restore the main post ID
wp.media.model.settings.post.id = wp_media_post_id;
});

// Finally, open the modal
file_frame.open();

});

// Restore the main ID when the add media button is pressed
jQuery('a.add_media').on('click', function() {
wp.media.model.settings.post.id = wp_media_post_id;
});

});


The two primary authoritative WPSE threads on Media Library only deal with restricting by user.

[[LINK href="http://wordpress.stackexchange.com/questions/1482/restricting-users-to-view-only-media-library-items-they-have-uploaded"]]Restricting Users to View Only Media Library Items They Have Uploaded?[[/LINK]]
[[LINK href="http://wordpress.stackexchange.com/questions/51320/media-library-to-list-images-only-user-uploaded"]]Media library to list images only user uploaded[[/LINK]]
Another WPSE reference is [[LINK href="http://wordpress.stackexchange.com/questions/56456/limit-media-library-to-given-folder"]]Limit Media Library to Given Folder[[/LINK]].

Any direction is appreciated.

Answers (0)

No answers yet.