WordPress.org

Forums

[resolved] Howto integrate the Media Library into a plugin? (4 posts)

  1. frold
    Member
    Posted 4 years ago #

    Hey,

    Im writing a plugin.

    In that I would like to offer that people can add images.

    I could write a new function and make my own upload-dir but howto re-use the Media Library, so I could add/upload images and select already uploaded images?

  2. frold
    Member
    Posted 4 years ago #

    It wasnt that hard...

    See this revision history to see how I did...

    http://plugins.trac.wordpress.org/changeset?new=270868%40runners-log%2Ftrunk&old=270594%40runners-log%2Ftrunk

    Basicly what I did was adding this to my plugin:

    function wp_gear_manager_admin_scripts() {
    wp_enqueue_script('media-upload');
    wp_enqueue_script('thickbox');
    wp_enqueue_script('jquery');
    }
    
    function wp_gear_manager_admin_styles() {
    wp_enqueue_style('thickbox');
    }
    
    add_action('admin_print_scripts', 'wp_gear_manager_admin_scripts');
    add_action('admin_print_styles', 'wp_gear_manager_admin_styles');

    And later this part:

    <script language="JavaScript">
    jQuery(document).ready(function() {
    jQuery('#upload_image_button').click(function() {
    formfield = jQuery('#upload_image').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('#upload_image').val(imgurl);
    tb_remove();
    }
    
    });
    </script>
    
    <tr valign="top">
    	<td>Upload Image</td>
    	<td><label for="upload_image">
    		<input id="upload_image" type="text" size="36" name="upload_image" value="<?php echo $gearimage; ?>" />
    		<input id="upload_image_button" type="button" value="Upload Image" />
    		<br />Enter an URL or upload an image for the banner.
    		</label>
    	</td>
    </tr>
  3. amereservant
    Member
    Posted 4 years ago #

    Thank you very much for this! I had a hard time finding info on how to do this and your post is excellent example.

  4. Frank Thoeny
    Member
    Posted 3 years ago #

    frold,

    I don't know if you still follow this post, since it's eleven months old. I like the way this works. What about audio? Would somebody be able to show me how you use jQuery to get the audio file, say MP3. I want to do something like this, but this doesn't work.

    ...
    <input type="text" name="MP3[URL]" id="upload_audio">
    ...
    window.send_to_editor = function(html) {
    audioURL = jQuery('audio',html).attr('src');
    jQuery('#upload_audio').val(audioURL);
    tb_remove();
    }
    ...

Topic Closed

This topic has been closed to new replies.

About this Topic