Extend Upload

Sharraxaad

I had a problem that most of the time I had to upload a file, and I had to use a HTML upload, and that’s kind of bad, so I created something to use the Thickbox and the WordPress Uploader.

To use you must enqueue in the page used both the style and the script of the plugin:

<?php
    wp_enqueue_script( 'extend-upload' );
    wp_enqueue_style( 'extend-upload' );

Then you can use the plugin by calling the jQuery Extends:

(function($) {
    $(document).ready(function () {
        $('.uc-call').callUpload();
    });
})(jQuery.noConflict());

And the HTML/PHP output should be something like that:

<?php
    $args = array( 
        'url' => admin_url( 'media-upload.php?post_id=0&button=' . rawurlencode('Use as Avatar') . '&TB_iframe=1&width=640&height=253' )
    );
?>
<p class='uc-container'>
    <label><?php echo _e( "Avatar:" ); ?></label><a target='_blank' class='uc-call' data='<?php echo json_encode( $args ); ?>'><small><?php _e( "Upload the Photo" ); ?></small></a>"; ?>
    <input class="uc-answer" type="text" value="<?php echo ( is_numeric( absint( $avatar ) ) ? absint( $avatar ) : esc_url($avatar) ); ?>" />
</p>

Having the uc-call for the link, uc-answer with the input field and uc-container for the box with both the link and the input field.

All the stuff is customizable by passing the variables in to the array $args, some stuff must be passed in the url, but later on I will add a easier way to do it.

Backlog

0.0.4

• Older version of jQuery allowed and allowing non Image Media to be used

0.0.3

• Fixed some bugs and added internationalization

0.0.2

• Added the javascript to change the Insert to Post text on the thickbox

0.0.1

• Using the the thickbox with the uploader iFrame inside you can call this from any page that has the script enqueued