Hello图床一直都是以免费的姿态服务大家,Hello图床是一家企业备案的图床。最大 20 MB 图片大小,直接的源图片链接, BBCode代码和HTML缩略图显示。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
}
该代码好像不仅仅支持Hello图床,该图床采用的是Chevereto图床程序,上述代码应该可以支持所有Chevereto图床程序搭建的图床(未测试),因为我不喜欢使用标准编辑器。
如果想要更换其他图床,就在上面的代码种将图床网址,账号,密码更换即可测试。
效果如下:
如不想点击图片后会跳转请删除上述代码中的下面一行代码即可:
href='+res.image.url+'