@pdewouters– It works, but we’re still working out the UI. Take a look at this file from trunk… you can even replace it in your install. I added a loop to pull all files uploaded.

Not a full solution, but it should definitely help. We’re using it with some clients and they love it.

Let me know what you think.

@pdewouters– Upload fields do not currently work with Settings. Hope to have it fixed this week.

Steve, how is the media upload field coming along? I have a custom media upload field plugin (based on bits and pieces I found on the web) that I developed for my own use. I wrote it in such a way that makes it easy to add an upload field (clickable thumbnail) to any meta box or settings page. It could probably be adapted into Piklist pretty easily, and I’d be happy to send you my code if it might help.

EDIT: Forgot to mention that my plugin utilizes the default WP uploading thickbox window.

@pdewouters – If you’re interested, I’ve just finished writing an add-on plugin for Piklist, adding an image field that uses the WP media upload UI. It works on Settings pages and also as add_more fields. The plugin works without modifying any of Piklist’s core code.

You can download v1.0 here.

Create your fields as normal, with just a few changes. eg:

piklist( 'field', array(
'field' => 'field_name',
'label' => 'Field Label',
'type' => 'image', // This is a new field type added by the plugin
'options' => array()
));


The ‘options’ array can contain any of the following options:

link_text : Set custom text for the link. Default: ‘Click to insert an image’

thumbnail_size : Specify a thumbnail size to display the image in the back end. Can be a registered image size or an array of dimensions (width, height). Default: ‘thumbnail’

save_as_url : Defaults to false, and the image ID is saved as the field value. Set to true to save the image URL instead.

placeholder_image_src : You can specify the URL of an image to display when none is selected.

@jason_lane- Thank you for sharing this!

@jason_lane: small bug/typo in your javascript file

$('#piklist-field-add-more-add-button').unbind('click').click(function(event) {
event.preventDefault();
// alert();


You forgot to provide the event argument in the function…

@jason_lane-

Thanks for the fantastic idea and implementation. We are working on the upload field in great detail this week and will be taking some notes from your code and suggestions.

Thanks for your work!

Kevin

@jason_lane excellent work!

Any technical reason why you’ve disabled auto updates?

@jason_lane I’ve been playing around with the 3.5rcs its pretty easy to get the new media uploader to work with what you already have written.

line 152 set $classes = ‘piklist-image-field-link insert-media’;
line 165 set $href= “”; (empty string)
and then on your img tag (start line 177) also add a class=”insert-media”

everything else should work fine.

Two things to note… in my project i have the editor on screen so the necessary javascript for launching the new media browser is already there, so if you don’t have an editor you might nedd to add some scripts… i didn’t really look into that. And secondly if using editors you need to restore the original window.send_to_editor for tiny_mce add media to work.

right under line 3
var piklist_image_field_current = {};

I added
var send_to_editor_orig; (line 4)

then right before replacing window.send_to_editor = window.piklist_image_field_send_to_editor; (roughly line 13) add

send_to_editor_orig = window.send_to_editor;

then last step is to restore the send to editor after you call tb_remove(); (roughly line 73) so add

window.send_to_editor = send_to_editor_orig;

After that everything should work pretty seamlessly.