if(function_exists( 'wp_enqueue_media' )){
    wp_enqueue_media();
}else{
    wp_enqueue_style('thickBox');
    wp_enqueue_script('media-upload');
    wp_enqueue_script('thickBox');
}

<p><strong>Header logo Image URL:</strong><br />
                <img class="header_logo" src="<?PHP echo get_option('header_logo'); ?>" height="100" width="100"/>
                <input class="header_logo_url" type="text" name="header_logo" size="60" value="<?PHP echo get_option('header_logo'); ?>">
                <a href="#" class="header_logo_upload">Upload</a>

</p>    


<script>
    jquery(document).ready(function($) {
        $('.header_logo_upload').click(function(e) {
            e.preventDefault();

            VAR custom_uploader = wp.media({
                tITle: 'Custom Image',button: {
                    text: 'Upload Image'
                },multiple: false  // Set this to true to allow multiple files to be selected
            })
            .on('select',function() {
                var attachment = custom_uploader.state().get('selection').First().toJSON();
                $('.header_logo').attr('src',attachment.url);
                $('.header_logo_url').val(attachment.url);

            })
            .open();
        });
    });
</script>

More info

要么

Media uploader in theme and plugin