Comments on: Multiple Media Uploads in WordPress’ Functions.php

By: Justin W Hall

Justin W Hall — Tue, 31 Jan 2012 15:14:55 +0000

You can find it here:

http://www.justinwhall.com/multiple-upload-inputs-in-a-wordpress-theme-options-page/

By: SP007

SP007 — Tue, 31 Jan 2012 06:55:40 +0000

Can any one provide me the full source code

By: Justin W Hall

Justin W Hall — Thu, 26 Jan 2012 15:43:32 +0000

Um, “altered code” is exactly the same… On the other had, I did pretty much exactly what @Ethan Hackett did. That works great.

By: Plugin para subir imágenes en un campo personalizado de Wordpress

Plugin para subir imágenes en un campo personalizado de Wordpress — Mon, 12 Dec 2011 07:01:02 +0000

[...] que me han servido de fuente, como estos: – Using the WordPress Uploader in Your Plugin or Theme – Multiple Media Uploads in WordPress’ Functions.php – Y sobre todo la ayuda del gran libro Professional WordPress Plugin DevelopmentVamos a crear dos [...]

By: [WordPress]Using the media browser in your plugin | Tiny Threads

[WordPress]Using the media browser in your plugin | Tiny Threads — Sat, 27 Aug 2011 01:00:16 +0000

[...] Rich from The English Guy Web Design. He adapted the same code for use with multiple entries on a single page. That was exactly what I [...]

By: Ethan Hackett

Ethan Hackett — Thu, 11 Aug 2011 20:47:21 +0000

jQuery(document).ready(function() {


// I changed the trigger to a class.

jQuery('.image_uploader_button').click(function() {

	 // I switched the id for the this-prev selector that sends the name

	 	of the input field that proceeds it.

	 formfield = jQuery(this).prev().attr('name');

	 tb_show('', 'media-upload.php?type=image&TB_iframe=true');

	 return false;

});
window.send_to_editor = function(html) {

	 imgurl = jQuery('img',html).attr('src');

	 // I then called the name and joined with # for the id.

	 jQuery("#"+formfield).val(imgurl);

	 tb_remove();

}

});

Now I can run as many image uploads on the page as I want.

By: Andrea

Andrea — Tue, 07 Jun 2011 23:30:33 +0000

The HTML part…

Upload Image 1	Enter an URL or upload image1
Upload Image 2	Enter an URL or upload image2

By: Andrea

Andrea — Tue, 07 Jun 2011 23:26:09 +0000

Multiple forms (2 in this case) using class selector, no need of coding multiple listeners, HTML could be dinamically generated while the script remains the same.

AND function proxying..so we keep original functionality of media-upload.php in case we just want to upload an image into the content of the post.

The HTML:

Upload Image 1

Enter an URL or upload 1st image

Upload Image 2

Enter an URL or upload 2nd image

The JS:

jQuery(document).ready(function() {

var formlabel = 0;
var old_send_to_editor = window.send_to_editor;
var old_tb_remove = window.tb_remove;

jQuery(‘.upload_image_button’).click(function(){
formlabel = jQuery(this).parent();
tb_show(”, ‘media-upload.php?type=image&TB_iframe=true’);
return false;
});

window.tb_remove = function() {
formlabel = 0;
old_tb_remove();
}

});

Works ok!
Enjoy!

By: ebe

ebe — Thu, 20 Jan 2011 23:37:23 +0000

well i am not a jquery expert and had the need to upload many images in same file, i found a workaround not the best but it works, hope a jquery guru can do it better. Call the onclick event in button and pass the input id and walla! cheers.

function uploaderWeb(container){

formfield = jQuery(‘#’+container).attr(‘name’);
tb_show(”, ‘media-upload.php?type=image&TB_iframe=true’);
//return false;

window.send_to_editor = function(html){
imgurl = jQuery(‘img’, html).attr(‘src’);
jQuery(‘#’+container).val(imgurl);
tb_remove();
}

}

By: Hank

Hank — Thu, 09 Dec 2010 23:41:05 +0000

has anyone figured this out yet – looks like there is still identical code in the two functions…