最新公告
  • 欢迎加入阿奇源码资源网团队,精品资源持续增加!立即加入我们
  • 【WordPress教程】WordPress对接Hello免费图床

    广告!请自辨真伪 广告!请自辨真伪 广告!请自辨真伪
    广告!请自辨真伪 广告!请自辨真伪 广告!请自辨真伪
    广告!请自辨真伪 广告!请自辨真伪 广告!请自辨真伪 广告!请自辨真伪 广告!请自辨真伪 广告!请自辨真伪

    介绍

    Hello图床是一款支持多图上传,粘贴上传,URL上传,图片压缩,图片鉴黄等多种实用功能,提供高速稳定的图片上传和外链服务与全球CDN加速服务

    实现

    仅支持标准编辑器(含Ri主题系列),默认古腾堡编辑器无法支持。

    请修改账号及密码后在主题目录下functions.php文件中添加如下代码:

    //添加图床上传按钮
    add_action('media_buttons', 'add_my_media_button');
    function add_my_media_button() {
        $currentUser = wp_get_current_user();
            if(!empty($currentUser->roles) && in_array('administrator', $currentUser->roles)){
                $DOMAIN="www.helloimg.com";
            }
            else
                return 0; 
        echo '
                <input id="up_to_chevereto" type="file" accept="image/*" multiple="multiple"/>
                <label for="up_to_chevereto" id="up_img_label"><i class="fa fa-picture-o" aria-hidden="true"></i> 上传图片到Hello图床</label>
              ';
    ?>
    <style type="text/css">
    #up_to_chevereto {
      display: none;
    }
    #up_img_label {
      color: #fff;
      background-color: #16a085;
      border-radius: 5px;
      display: inline-block;
      padding: 5.2px;
    }
    </style>
    <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
    $('#up_to_chevereto').change(function() {
      window.wpActiveEditor = null;
      for (var i = 0; i < this.files.length; i++) {
        var f=this.files[i];
        //hello图床账户
        var userd= '你的邮箱';
        //密码
        var passworda= '你的密码';
        var formData=new FormData();
        formData.append('login-subject',userd)
        formData.append('password',passworda)
        formData.append('source',f);
        $.ajax({
            async:true,
            crossDomain:true,
            url:'https://<?php echo $DOMAIN; ?>/newapi/2/upload/?format=json',
            type : 'POST',
            processData : false,
            contentType : false,
            data:formData,
            beforeSend: function (xhr) {
                $('#up_img_label').html('<i class="fa fa-spinner rotating" aria-hidden="true"></i> Uploading...');
            },
            success:function(res){
                wp.media.editor.insert('<a href='+res.image.url+'><img src='+res.image.url+' alt='+res.image.title+'></img></a>');
                $("#up_img_label").html('<i class="fa fa-check" aria-hidden="true"></i> 上传成功,继续上传');
            },
            error: function (){
                $("#up_img_label").html('<i class="fa fa-times" aria-hidden="true"></i> 上传失败,重新上传');
            }
        });
      }
    });
    </script>
    <?php
    }
    

    按钮演示效果:

    【WordPress教程】WordPress对接Hello免费图床

    如果遇到资源下载失效,请复制当前文章链接类型客服处理!
    阿奇源码 » 【WordPress教程】WordPress对接Hello免费图床

    常见问题FAQ

    【点击查看】免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    【点击查看】提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    【点击查看】开通终身至尊下载源码 “不完整” 或 “不能用” 怎么办?
    非常抱歉,你有权利告诉本站,但是本站有选择处理或者不处理的权力,如无法接受请不要开通本站会员。
    【点击查看】开通终身会员能下载全站资源码?
    可以100%下载全站源码资源的,除部分失效资源,失效的可以联系客服尝试恢复。

    发表评论