记录WP博客对接Chevereto图床

操作步骤:

1.首先把app/routes/route.api.php文件拷贝到app/routes/overrides目录下

编辑app/routes/overrides/route.api.php文件，并添加上以下代码：

header('Access-Control-Allow-Origin: 链接地址');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Allow-Headers: Content-Type, Accept, Authorization, X-Requested-With, Origin, Accept');

2.设置 API user(可以不设置，看个人需求): 在 app/routes/overrides/route.api.php 中，找到以下代码

$uploaded_id = CHV\Image::uploadToWebsite($source);

将 admin 替换为图床中的的用户用户即可

$uploaded_id = CHV\Image::uploadToWebsite($source,admin);

3.编辑wp主题文件添加以下代码进去即可

//添加图床上传按钮

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="链接地址";// 不能带有https：//，结尾不能有/，否则会上传失败

$APIkey="你的key";// 是管理员

}

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> 上传图片到Chevereto</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 type="text/javascript">

jQuery('#up_to_chevereto').change(function() {

window.wpActiveEditor = null;

for (var i = 0; i < this.files.length; i++) {

var f=this.files[i];

var formData=new FormData();

formData.append('source',f);

jQuery.ajax({

async:true,

crossDomain:true,

url:'https://<?php echo $DOMAIN; ?>/api/1/upload/?key=<?php echo $APIkey; ?>&format=json',

type : 'POST',

processData : false,

contentType : false,

data:formData,

beforeSend: function (xhr) {

jQuery('#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>');

jQuery("#up_img_label").html('<i class="fa fa-check" aria-hidden="true"></i> 上传成功,继续上传');

},

error: function (){

jQuery("#up_img_label").html('<i class="fa fa-times" aria-hidden="true"></i> 上传失败，重新上传');

}

});

}

});

</script>

<?php

}

内容参考自spiritx，https://spiritx.xyz/843.html