Picgo-plugin-free-uploader NPM

picgo-plugin-free-uploader

一个 PicGo 插件，用于自定义上传图片，灵感来源于 web-uploader，因为作者所使用图床上传接口需要动态参数，web-uploader 不支持，于是生出了自己开发一个自定义图片上传插件的想法。

克隆本项目至本地

git clone https://github.com/yuanyxh/picgo-plugin-free-uploader.git

进入项目根目录并安装插件所需依赖

npm install

下载 PicGo 并导入本项目

20230303124129

导入项目后可在 插件设置 或 图床设置 中配置基本参数。

必填项，上传的接口 url

必填项，请求参数的 key

20230303125239

可选项，接口返回数据中图片所在的路径，比如上传成功后接口返回如下数据

{
  "success": true,
  "data": {
    "filename": "wechat.png",
    "size": 32,
    "url": "https://no-address/wechat.png"
  }
}

那么对应的路径就是 data.url。

可选项，自定义请求头，标准 JSON 格式。

可选项，自定义请求体，标准 JSON 格式。

基本配置已经能够满足大部分场景，但依旧不够灵活，无法提供部分图床上传接口所需的参数，比如获取当前时间戳、参数加密等，为此我添加了高级配置，允许用户提供 自定义脚本 以获取所需参数。

自定义脚本应为一个 .js 文件，其中应实现一个 handle 函数，该函数需要返回一个包含 headers、body 或两者兼备的对象，一个满足要求的自定义脚本如下：

// test.js
function handle() {
  return {
    headers: {},
    body: {}
  }
}

通过 插件设置 -> 选择本地脚本 导入你的脚本文件

20230303133643

需要注意的时，脚本代码是运行在沙箱 (sandbox) 环境下的，这意味着你无法使用绝大部分已知的 Api，这是为了安全考虑，但同时，插件还提供了一些可能需要使用的 Api，比如

crypto 是一个 node.js 模块，提供了加密相关的 Api，使用它能完成一些基本的加密操作。

这是一个简单封装的 base64 编解码对象，包含 encode 和 decode 方法，只支持字符串，使用

base64.encode('123456');
base64.decode('MTIzNDU2');

这是一个简单封装的函数，用于调试输出，输出存放在 picgo 默认的日志文件中，使用

log('test');

除了上述接口，还有一些没有被沙箱屏蔽的 Api 可供使用，如日期对象 Date。

未来也可能会逐步添加新的 Api 以及其他功能。

8 months ago

1 year ago