我是靠谱客的博主 开心柠檬,最近开发中收集的这篇文章主要介绍wordpress 图片上传冲突,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

网上常见的wordpress图片上传

jQuery('#upload_image_button').click(function() {
    //formfield并未用上,可能代码遗漏了一段,怀疑和类的限定有关
    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'); 

    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');
      jQuery('.certi-img').attr('src',imgurl);
      jQuery('#certi_img').val(imgurl);
  
//close wordpress' uploader modal box   tb_remove(); } //阻止冒泡和默认动作,如a的跳转 return false; });

其中window.send_to_editor为 ,在被激活后,所有调用的send都会上传到#certi_img,所以,如果一个页面还含有其他自带图片上传的话,基本都会传到#certi_img,而本来要传入的editor中并没有任何图片。

所以,如果要上传到对应的editor,需要重写覆盖之前的代码

jQuery('#wp-euser_plan-media-buttons').click(function() {
     tb_show('', '<?php echo admin_url(); ?>media-upload.php?type=image&amp;TB_iframe=true'); 
     window.send_to_editor = function(html) {
             imgurl = jQuery('img',html).attr('src');
             tinymce.get("euser_plan").execCommand('mceInsertContent', false, '<img src="'+imgurl+'">');
             tb_remove();
             }
     return false;
    });
其中tinymce.get("euser_plan").execCommand('mceInsertContent', false, '<img src="'+imgurl+'">');保证了图片上传到光标插入的地方。
个人感觉可以从/wp-admin/js/media-upload.js中利用自身的插入函数insert,无奈现在还没有测出来。

转载于:https://www.cnblogs.com/catcher625/p/10751497.html

最后

以上就是开心柠檬为你收集整理的wordpress 图片上传冲突的全部内容,希望文章能够帮你解决wordpress 图片上传冲突所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(55)

评论列表共有 0 条评论

立即
投稿
返回
顶部