跳转到内容
登录关注  
洛汐

Chevereto WordPress上传工具 代码版

已推荐帖子

先上一张成果图:
Chevereto.png

tip:支持多张图片上传哦!

获取API KEY

准备一个Chevereto搭建的图床(废话!),不会搭建的话请Google
登录,转到仪表盘-设置-API,将API v1 key记录下来,一会儿要用

API后端设置

进入Chevereto的安装目录,将app/routes/route.api.php文件拷贝到app/routes/overrides/route.api.php文件

允许跨域

打开app/routes/overrides/route.api.php,第二行(<?php后面)添加如下几行

 

隐藏内容

    点赞或回复此主题以查看隐藏的内容。

记得把白名单https://www.loli.vc改成自己的域名或者改成*

设置API user(可选)

app/routes/overrides/route.api.php中,找到$uploaded_id = CHV\Image::uploadToWebsite($source);那一行,更改为

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

luoxi替换为图床中的用户

前端添加上传按钮(media button)

将以下代码添加到WordPress正在使用的主题目录的functions.php

 
 
 

隐藏内容

    点赞或回复此主题以查看隐藏的内容。

 

 

style里的样式可以根据自己偏好自定义

使用预览

这里我的编辑器用的是WP Editor.md,界面不同但不影响上传按钮的使用
29cc590dd171182f21d9772b635f8f64.gif


2019年12月16日更新

有几个小伙伴反馈说上传有问题,了解情况后主要是https混用和CORS的问题,故在这里更新上传方法,上传方式改用WordPress REST API,为了保证兼容,请确保WordPress版本为4.9+。注意:前文的操作均不用管,以下的操作均在 functions.php 中完成。

注册路由

 
 

隐藏内容

    点赞或回复此主题以查看隐藏的内容。

 

 

之后,可以使用post的方式发送数据到 http(s)://博客域名/chevereto/v1/image/upload 来上传图片。

加入回调函数

 
 
 

隐藏内容

    点赞或回复此主题以查看隐藏的内容。
 

将图床的域名和图床的API v1 key填写完整,注意加上http或https

后台编辑器添加按钮

 

隐藏内容

    点赞或回复此主题以查看隐藏的内容。

然后就开始使用吧 ^_^

转自spiritx

  • Like 1
  • Haha 1

分享这篇帖子


链接帖子

参与讨论

你现在可以发表并稍后注册。 如果你有帐户,现在就登录参与讨论。

游客
回复主题...

×   粘贴为富文本.   粘贴为纯文本来代替

  只允许使用75个表情符号.

×   你的链接已自动嵌入.   显示为链接来代替

×   你之前的内容已恢复.   清除编辑器

×   你无法直接粘贴图片。要从网址上传或插入图片。

登录关注  

×
×
  • 创建新的...