thomasgriffin / new-media-image-uploader

This plugin provides a solid example for integrating the new media manager workflow into your plugins/themes by showing you how to upload/insert an image file into a text field.

Hello! 👋

I’m a tech entrepreneur, veteran business owner, seasoned investor and a leader of leaders. Combined, my software powers organizational success for more than 25 million websites across the world.

You can find me writing at about leadership (and the occassional WordPress tutorial) at https://thomasgriffin.com. 🚀

new-media-image-uploader's Issues

Great job

This is not an issue. Just wanted to say how well you have put this together. Very easy to follow and implement in projects.

[invalid] <strike>wp_enqueue_media() should be called as an action</strike>

Brain freeze, please ignore. This is not an issue, plugin is correct.

Adding support for multiple fields.

Let's say we have a custom metabox. Where we have only one button "Upload media".
Is there a posibility after selecting more then one images to create the html with something like attachment.each() ?

I'm trying to do this but did't found a way yet.

Best Regards.
Anghel Gabriel

EDIT:
Nevermind i found i way.

How to control whether or not an upload is attached to the current post?

Thanks for the great starting point. I'm having trouble deciphering a few options for wp.media. Is there a way to control whether or not files uploaded through the dialog are attached to the current post or not?

Previously I was adding (or not adding) a post_id query string parameter to the media iframe URL. Now, I'm not sure. Is this possible?

On a related note, what about restricting the files listed (or not) to files attached to the current post?

Button customization

Thank you very much for this! Solved a few questions for me. :-)

* We can also determine whether or not the modal requires a selection
* before the button is enabled. It requires a selection by default,
* and since this is the experience desired, let's keep it that way.

Really had to laugh about that, because you don't say HOW you can set this option. I tried selectionRequired = false and required = false. Can't imagine any other variable names...

I wonder why there is no complete documentation of wp.media, it costs so much time to figure out how to set which option. :-(

multiple selection without shift

Also, not a bug, but still kind of an issue. Is there a way to allow for multiple selections without the need to press shift? (Just like when creating a "gallery" in the new uploader). For me it makes more sense, when allowing multiple images in the first place, to make it as easy as possible for users, thus not require a special key to really select multiple images. Any advice much appreciated.

media.attachment data?

hi again.
in this example plugin you use media_attachment.url to get url of the image url.
https://github.com/thomasgriffin/New-Media-Image-Uploader/blob/master/js/media.js#L133

is there another data i can use, for example attachment id, or maybe file size, image width, height etc.
how do i var_dump this data?

thank you.

library type?

hi thomas, another question.
in media.js there's

library: {
    type: 'image'
},

is there a list of available type?
how to add more than one library type?
how about file extension? for example i just want to list zip file?
can i also have more than one file ext? for example zip and pdf?

thank you

Multiple managers in one page

I have a problem with having multiple media managers in my plugin's admin panel: the link of the image goes only to the first input having the id "tgm-new-media-image".

How exactly can I make those to have their own specific id's as in 'id = "tgm-new-media-image[row_id]" '? Or is there another solution to this problem? I've tried a bunch of stuff, but nothing seems to work.

EDIT
Nevermind, got it to work! If anyone is experiencing the same problem, just use the data-attribute in the link to get the right id for the text input.

Dependencies for script registration

Hey Thomas,

I think you need to add the depencies for 'media-upload' and 'media-views' in your script registration. If the page doesn't already load these scripts from WP, the upload won't work. Also, we found we need to run the wp_enqueue_media function if the WYSIWYG isn't running elsewhere in the admin. The Modern Tribe image widget sets it up nicely:
http://plugins.svn.wordpress.org/image-widget/tags/4.0.4/image-widget.php

ER Diagram

Default Tab on modal opening

Hi Thomas,

I have been pulling my hair out over this one for some time now. I thought I just ask here.
I am opening a 'select' frame, so it shows two tabs at the top: "Upload Files" & "Media Library". Is there a way to make the default tab the "Upload Files" tab?

So basically every time that particular media frame opens, it will start on the "Upload Files" tab.
Thanks for any ideas,
Sascha

How to send to input if using frame: 'post' ?

hi thomas,
thank you for this. awesome job.
btw, if using frame:'post' how can i send the url of the image to input field?

i try this but it didn't work:

tgm_media_frame.on('post', function(){
    // Grab our attachment selection and construct a JSON representation of the model.
    var media_attachment = tgm_media_frame.state().get('selection').first().toJSON();

    // Send the attachment URL to our custom input field via jQuery.
    $('#tgm-new-media-image').val(media_attachment.url);
});

thank you.

destination folder

Hi Thomas

thanks for this code sample. I'm wondering if it's possible to define the destination folder, maybe a subfolder of the default uploads folder?
thanks

Gallery support

Is there a way to make this support wordpress galleries so I can create galleries instead of a single image?