I have been using a custom code to upload images to Wordpress using custom metaboxes. Here is the code:

<script type="text/javascript">

    jQuery(document).ready(function( $ ) {

        var formfield;

        $('.upload_button').click(function() {
            formfield = $(this).prev('.upload_image'); // .attr('name');
            tb_show('', 'media-upload.php?type=image&TB_iframe=true');
            return false;

        // user inserts file into post. only run custom if user started process using the above process
        // window.send_to_editor(html) is how wp would normally handle the received data

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

            if (formfield) {
                fileurl = jQuery('img',html).attr('src');

                formfield = '';

            } else {



My actual problem is that I have to upload now a PDF. I have try to use the .urlfield input in the media uploader with keeps the URL of the uploaded file.

I have changed fileurl = jQuery('img',html).attr('src'); to fileurl = jQuery('.urlfield',html).val(); but it does not work.

What can I do please?

An alternative tip I would like to know is how can I change the "Insert button" value text to something like "Use this file".

Thanks in advance.


1 Answer 1


please use this code....

(function( $ ) {
        $( '#uploadpdf' ).on( 'click', function() {
            tb_show('Upload the pdf', 'media-upload.php?type=file&TB_iframe=1');

            window.send_to_editor = function( html ) 

                fileurl = $(html).attr('href'); 


                    alert('Not a valid pdf file');


            return false;

  • 1
    Explaining a bit why this will work will help. Commented Sep 15, 2018 at 11:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.