# 前言

我之前写文章的时候，为了解决插入图片麻烦的问题，我使用了腾讯云的对象储存 (COS) 储存我的图片，使用 PicGo 在 Windows 平台上传文件。

在我网站流量不大的时候一点问题都没有，但流量渐渐起来了后，我发现对象储存每个月的免费流量都会超，虽然超的不多，但这也是一笔额外的开销。而且随着时间的增长，这部分的支出会越来越大，所以我打算将文件储存到我自己服务器上。

而且在Google Search Console里，它说我的图片内容都未经压缩，应该使用更加先进的webP格式，可以更加节省储存空间和带宽。

# 分析需求

虽然上述的需求在 PicGo 中都有对应的插件可以实现。但是呢，在 PicGo 中操作都非常的不便，我折腾了半天也没实现使用 sftp 传输文件到我的服务器的需求，而压缩功能呢，根本就不能用，插件市场中的两个插件都是调用云端服务来实现的，云端服务更新了api就直接挂了。

所以我打算自己实现一个简单的图片上传小工具，嵌入在我的博客系统中，它的功能非常简单，就只需要实现上传和转换格式的功能即可。

# 简单实现

这里我就使用了最简单的方式，搭建了一个页面，这个页面只有一个功能：上传图片到服务器，返回 markdown 格式的链接。下图就是最终效果。

它的前端代码太冗长了，我放在 simplenote 了：html_code 前端的功能非常简单，支持选择、拖放与直接 ctrl+v 粘贴图片，后台将会自动处理上传，如果有错误会在控制台报错，一切正常上传成功后，会将后端返回的链接输出在页面上并提供复制按钮。

后端代码：

if 'image' not in request.files:
            return 'No file uploaded!', 400
        file = request.files['image']
        if file.filename == '':
            return 'No file selected!', 400
        try:
            timestamp = datetime.datetime.now().strftime("%d%H%M%S%f")
            filename = timestamp + '.webp'
            now = datetime.datetime.now()
            folder_name = now.strftime("%Y/%m")
            folder_path = os.path.join('/home/wwwroot/img.learn2.cn/new_img/', folder_name)
            os.makedirs(folder_path, exist_ok=True)
            save_path = folder_path +"/"+ filename
            image = Image.open(file)
            image = image.convert('RGB')
            image.save(save_path, 'WEBP')
            return f'![tstrs.me_img](https://img.learn2.cn/new_img/{folder_name}/{filename})', 200
        except Exception as e:
            return str(e), 500

上面代码中的工作逻辑是这样的：检查来自request中的文件，是否为图片文件。如果是就继续下一步，生成新的文件名根据日期生成储存它的文件夹。接着使用 PIL 将图片转换为 WebP 格式，最后将 markdown 格式的链接返回到前端页面以供复制。

上面的代码只是一个思路，并不是可以实际运行的脚本，这种定制化的插件想来也不是所有的人都能够使用。你可以将上述代码稍加修改后移植到自己的程序中。

# 后记

自己动手才能丰衣足食，很多现成的工具确实不错，但太臃肿了，根本用不到这么多功能。对了，这里面的JS代码绝大部分都是ChatGPT写的，我只是修改了api部分~

最近两个月工作太忙了，这博客都快变成月更了。累积的稿子已经非常多了，后面会慢慢更新。