如何在wordpress任何一个页面调用“插入图片”按钮，实现上传图片功能

　　如何在wordpress任何一个页面调用“插入图片”按钮，实现上传图片功能

　　最近在开发uedsc新主题的时侯，需要普通用户能上传自己的作品到网站，大家都晓得，wordpress的会员是分了角色的，只有作者级别的用户能够够上传附件，那么怎么在wordpress任何一个页面调用“插入图片”按钮，实现上传图片功能。

　　wordpress早已想到了我们会用这样的一个功能，所以他自己集成了一些函数，帮助我们去完成这样的疗效。

　　这四个函数，大家应当一看能够明白，不明白的可以去官网函数库找找，主要是引入一些上传窗口的js脚本和css样式

　　新建一个文本框和按键，用于触发上传图片动作和反弹

　　样式你们可以自行定义，这里只是演示一下这个功能。

　　最后编撰js代码

jQuery(document).ready(function() {

    jQuery('#upload_image_button').click(function() {

     formfield = jQuery('#upload_image').attr('name');

     // show WordPress' uploader modal box

     tb_show('', 'media-upload.php?type=image&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();

    }

});

　　如果您的主题没有引入jquery库，可能会报错：jquery不是一个对象，那么引入jquery库即可解决。

　　好了代码编撰完毕。不过这个方式还是慎用，毕竟要容许上传都会有一定的风险，各位鼓捣鼓捣吧！