【WordPress教程】WordPress对接Hello免费图床
  •  2020年7月1日

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

售价:
¥100 积分
  • 普通用户需要积分 : 100积分
  • VIP会员需要积分 :0积分
  • 终身VIP需要积分 : 免费
QQ咨询

特别声明:若资源失效,请联系客服更换分享链接。所有资源均由用户投稿,仅供学习、参考和研究!如有资源侵犯了您的利益和版权请留言告知,我们将立即删除!

升级尊贵会员
享受全站VIP待遇

12w+
会员已经加入
  • 文章介绍
  • 评价建议
  • 介绍

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

    实现

    仅支持标准编辑器(含Ri主题系列),, Y _ ~ 8默认古腾堡编6 : V _辑器无法支持。

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

    //添加图床上传按钮
    add_action('media_buttons', 'add_my_media_button');
    function add_my_media_button() {# w 1 O K
    $currentUser = wp_get_current_user();
    if(!empty7 e ! ` n($currentUser->roles) &&s h W u in_array('administrator7 z J', $currentUser->roles)){
    $DOMAIN="www.helloimg.com";
    }
    else
    return 0;
    echo '
    <input id="up_to_chevereto" type="file" accept="image/*" multiple="multiple"/>
    <label for=H J N [ q y C N ,"up_to_chevereto" id="up_img_label"><i class="fa fa-picture-o" aria-hidden="true"><p M  & ; 3/i> 上传图片到Hello图床<. U ; Q C Q w/label>
    ';
    ?>
    <style type="text{ b a ; Q & c G [/css">
    #up_to_chevereto {
    display: none;n % k
    }
    #up_img_label {
    color: #fff;
    background-color: #16a08W 6 z5;
    border-. L ~ U cradius: 5px;
    display: inline-b. 1 ~ R j v P { ulock;
    padding:. d . ? - g c , 5.2px;
    }
    </style>
    <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javab ~ # ( F cscripto 6 b B  I S /">
    $('#up_to_chevereto').change(function() {
    window.wpActiveEditor = null;
    for (var i = 0; i < this} K L E { =.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',pas+ ) @ . . k 4 Csworda)
    formData.append() X ! v l e V b'source',f);
    $.ajax({
    async:true,
    crossDomain:true,
    url:'https://<?php echo $DOMAIN; ?>/newapi/2/upload/?fo] W ( % C [ 4rma ^ V _ 9 F K C ]t=json',
    type : 'POST',
    processData : falseB 5 i _ S k U,
    contentType : false,
    data:formData,e ! j G = ( 4 G a
    beforeSen0 A B $ p `d: function (xhrT W 6 R #) {
    $('/ Y _ O#up_img_label').html('<i class="fq 1 v 4 ga fa-spinner rotating" aria-hidden="true"></i> Uploading...');
    },
    success:function(res){
    wp.media.editord 9 M # d R ..insert('<a hrW Q N hef='https://www.hnymwl.com/+res.image.url, ] O L V A $ g q+'><img srcE y F='https://www.hnymwl.com/+resO + e R f C.imaQ Y 4 4 n y d % |ge.url+' alt='+res.image.title+'></img></a>');
    $("#up_img_label").html('<i class="fa fa-check" aria-hidden="true"></i> 上传成功,继续上传S B C + P / [');
    },
    erk % b % qror: functh E v N : } g 6 Mion (){
    $("#up_img_label").html('<i class="fa fa-; r ( e F $ %times" aria-hidden="true"><y T 6 { 0/i> 上传失败,重新上传');
    }
    });
    }
    });
    </script>g ! K o 4 a G s
    <?php
    }
    

    按钮演示效果:& S i @ M S v x

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

    wordpress

    郑重声明:本网站属学习交流,非赢利性网站。在本网站的言论纯属发表者个人意见,与本网站立场无关。涉及侵权与政治言论一律删除,请所有会员注意。网站资源由会员从网上收集整理所得,版权属于原作者。网站所有资源是进行学习和研究测试之用,请在下载后24小时删除。本站出于学习和研究的目的提供平台供会员进行交流和讨论,如有侵犯原作者的版权,请来信告知,提供证明,我们将立即删除相关链接,谢谢合作!我们的邮件地址是: yuanmayu@163.com
    源码鱼 » 【WordPress教程】WordPress对接Hello免费图床

    ×