黄聪:如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
2012-08-09 11:42
946 查看
<?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&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>
相关文章推荐
- 黄聪:如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- 如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- 黄聪:如何给wordpress的编辑器添加一个自定义按钮,并且实现插入功能
- hchxxzx--》一个实现图片上传/产生缩略图/在上传图片上写字功能的完整页面代码
- 如何用js实现,在一个页面有个输入文档框,然后点击查询按扭后,调用IE的查询功能在当前页面进行查询
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- 一个实现图片上传/产生缩略图/在上传图片上写字功能的完整页面代码
- cocos2d中如何使用图片纹理图集的加载来实现一个动画的功能
- 如何实现无刷新安全图片上传功能
- 完成一个个人博客,博客头像可上传本地图片;部分图片实现点击看大图功能
- jquery实现页面无刷新动态上传图片预览功能
- 页面table的每行都有一个<input type='button' />,如何实现点击按钮在按钮下方弹出一个div,点击空白消失
- 微信公众号页面调用拍照上传图片,包括预览没文件压缩,还有扫码功能
- 如何写一个发微博的页面(包括插入图片,插入表情,插入话题,插入Location,代码全) (三)
- Vue2.0实现调用摄像头进行拍照功能以及图片上传功能引用exif.js(2)
- HTML5+Canvas调用手机拍照功能实现图片上传(上)
- CKeditor如何实现图片上传功能
- 如何抽取一个通用的Android Loading页面快速实现加载功能
- 一个按钮实现上传多个图片
- 如何实现点击一个按钮后跳转的指定的链接页面