custom field - Uploading PDF using Media Uploader

admin管理员组

文章数量:1122832

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() {
            $('html').addClass('Image');
            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).val(fileurl);
                tb_remove();
                formfield = '';
                $('html').removeClass('Image');

            } else {
                window.original_send_to_editor(html);
            }
        };

    });


</script>

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.

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() {
            $('html').addClass('Image');
            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).val(fileurl);
                tb_remove();
                formfield = '';
                $('html').removeClass('Image');

            } else {
                window.original_send_to_editor(html);
            }
        };

    });


</script>

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.

• custom-field
• jquery
• uploads

Share Improve this question edited Oct 18, 2012 at 21:35 DeryckOE asked Oct 18, 2012 at 21:22 DeryckOEDeryckOE 1588 bronze badges 1

• This was answered here: wordpress.stackexchange.com/questions/20530/… – Wyck Commented Oct 18, 2012 at 22:24

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

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'); 

                if(/\.pdf\b/.test(fileurl)){
                    $('#pdf').val(fileurl);

                }else{
                    alert('Not a valid pdf file');
                }
                tb_remove();

            }

            return false;
        });


    })(jQuery);
</script>

本文标签： custom fieldUploading PDF using Media Uploader