Seach

metabox file upload wordpress code

<?php
function aw_include_script() {
    if ( ! did_action( 'wp_enqueue_media' ) ) {

        wp_enqueue_media();
    }
wp_enqueue_script( 'awscript', get_stylesheet_directory_uri() . '/js/awscript.js', array('jquery'), null, false );
}
add_action( 'admin_enqueue_scripts', 'aw_include_script' );

function aw_custom_meta_boxes( $post_type, $post ) {
    add_meta_box(

        'aw-meta-box',

        __( 'Custom Image' ),

        'render_aw_meta_box',

        array('slider'), //post types here

        'normal',

        'high'

    );
}

add_action( 'save_post', 'cd_meta_box_save' );

function cd_meta_box_save( $post_id )

{

    if(isset($_POST['aw_custom_image']))

    {

        $file =  $_POST['aw_custom_image'];

        update_post_meta($post_id,'file',$file);

    }

}

add_action( 'add_meta_boxes', 'aw_custom_meta_boxes', 10, 2 );

function render_aw_meta_box($post) {
    $image = get_post_meta($post->ID, 'file', true);
    ?>
    <table>
        <tr>
            <td><a href="#" class="aw_upload_image_button button button-secondary"><?php _e('Upload Image'); ?></a></td>
            <td><input type="text" name="aw_custom_image" id="aw_custom_image" value="<?php echo $image; ?>" /></td>
        </tr>
    </table>
    <script>
    jQuery(function($){

    $('body').on('click', '.aw_upload_image_button', function(e){
        e.preventDefault();
        var button = $(this),
        aw_uploader = wp.media({
            title: 'Custom image',
            button: {
                text: 'Use this image'
            },
            multiple: false
        }).on('select', function() {
            var attachment = aw_uploader.state().get('selection').first().toJSON();
            $('#aw_custom_image').val(attachment.url);
        })
        .open();
    });

});</script>
    <?php
}

No comments: