【W(wǎng)ordPress教程】WordPress對接Hello免費(fèi)圖床
【W(wǎng)ordPress教程】WordPress對接Hello免費(fèi)圖床Hello圖床是一款支持多圖上傳,粘貼上傳,URL上傳,圖片壓縮,圖片鑒黃等多種實(shí)用功能,提供高速穩(wěn)定的圖片上傳和外鏈服務(wù)與全球CDN加速服務(wù) 僅支持標(biāo)準(zhǔn)編輯器(含Ri主題系列),默認(rèn)古騰堡編輯器無法支持。 請修改
【W(wǎng)ordPress教程】WordPress對接Hello免費(fèi)圖床Hello圖床是一款支持多圖上傳,粘貼上傳,URL上傳,圖片壓縮,圖片鑒黃等多種實(shí)用功能,提供高速穩(wěn)定的圖片上傳和外鏈服務(wù)與全球CDN加速服務(wù) 僅支持標(biāo)準(zhǔn)編輯器(含Ri主題系列),默認(rèn)古騰堡編輯器無法支持。 請修改
Hello圖床是一款支持多圖上傳,粘貼上傳,URL上傳,圖片壓縮,圖片鑒黃等多種實(shí)用功能,提供高速穩(wěn)定的圖片上傳和外鏈服務(wù)與全球CDN加速服務(wù)
僅支持標(biāo)準(zhǔn)編輯器(含Ri主題系列),默認(rèn)古騰堡編輯器無法支持。
請修改賬號及密碼后在主題目錄下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> 上傳成功,繼續(xù)上傳');
},
error: function (){
$("#up_img_label").html('<i class="fa fa-times" aria-hidden="true"></i> 上傳失敗,重新上傳');
}
});
}
});
</script>
<?php
}
版權(quán)所有:深圳市網(wǎng)商在線科技有限公司