板邓:wordpress自定义页面上传图片功能

<?php 
        wp_enqueue_script('media-upload');
        wp_enqueue_script('thickbox');
        wp_enqueue_script('my-upload');
        wp_enqueue_style('thickbox'); 
    ?>
    <input id="upload_image" type="text" value="" />
    <input id="upload_image_button" type="button" style="width:auto;height:20px;" value="上传图片" />
    <script>
    jQuery(document).ready(function() {
        jQuery('#upload_image_button').click(function() {
         formfield = jQuery('#upload_image').attr('name');
         // show Wordpress' uploader modal box
         tb_show('', '<?php echo admin_url(); ?>media-upload.php?type=image&amp;TB_iframe=true');
         return false;
        });
        window.send_to_editor = function(html) {
         // this will execute automatically when a image uploaded and then clicked to 'insert to post' button
         imgurl = jQuery('img',html).attr('src');
         // put uploaded image's url to #upload_image
         jQuery('#upload_image').val(imgurl);
         tb_remove();
        }
    });
    </script>

把代码插入相应的地方即可!

posted @ 2016-06-26 12:48  贵隆  阅读(553)  评论(0编辑  收藏  举报