使用Media Uploader上传PDF

时间:2012-10-18 作者:DeryckOE

我一直在使用自定义代码,使用自定义元盒将图像上载到Wordpress。代码如下:

<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>
我的实际问题是,我现在必须上传PDF。我已经尝试使用了。媒体上载程序中的URL字段输入保留上载文件的URL。

我已经更改了fileurl=jQuery(\'img\',html)。属性(“src”);到fileurl=jQuery(“.urlfield”,html)。val();但它不起作用。

请问我能做什么?

我想知道的另一个技巧是如何将“插入按钮”值文本更改为“使用此文件”之类的内容。

提前谢谢。

1 个回复
SO网友:Sarjil

请使用此代码。。。。

(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>

结束

相关推荐

获取定制元数据中的jQuery可排序项

我已经做到了这一点:我有一个特色图片缩略图列表,加载到我主页模板的元数据库中。我被难住了:我想让它们可以用jQuery排序,但我对jQuery真的很陌生。当我拖动框时,它们会移动,但都是随意的,我的占位符在那里,但很小,它们不会掉落并保存位置。谢谢这是我的代码:<script> $( \'.sortable\' ).sortable({ placeholder: \'ui-placeholder\' });