wordpress任意页面调用“插入图片”按钮,实现上传图片功能

作者:stoat 发布时间:2014-10-21 分类:wordpress

wordpress的会员是分了角色的,只有作者级别的用户才能够上传附件,那么如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能。

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


wordpress任意页面调用“插入图片”按钮,实现上传图片功能实现步骤


1,引入图片上传库
<?php wp_enqueue_script('media-upload'); wp_enqueue_script('thickbox'); wp_enqueue_script('my-upload'); wp_enqueue_script('jquery'); wp_enqueue_style('thickbox'); ?>
2,上传html代码:
<input id="upload_image" type="text" value="" /> <input id="upload_image_button" type="button" style="width:auto;height:20px;" value="上传图片" />
3,js代码
<script> jQuery(document).ready(function() { jQuery('#upload_image_button').click(function() { formfield = jQuery('#upload_image').attr('name'); tb_show('', '<?php echo admin_url(); ?>media-upload.php?type=image&amp;TB_iframe=true'); return false; }); window.send_to_editor = function(html) {button imgurl = jQuery('img',html).attr('src'); jQuery('#upload_image').val(imgurl); tb_remove(); } }); </script>
wordpress任意页面调用“插入图片”按钮,实现上传图片功能

注意


以上js代码基于jquery,必须引入jquery库,否则报错。
转载自:
http://www.uedsc.com/upload-function.html

原文地址:wordpress任意页面调用“插入图片”按钮,实现上传图片功能 by 雪鼬博客

标签:wordpress

评论已关闭