html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!)

2023-08-23 0 6,979 百度已收录

在写博客的时候,我一般都会手动将截图上传到网站后台使用。 但我也想轻松一键复制到公众号。 有时我还是需要给图片添加水印。 把博客的图片一张一张复制到公众号的推文上总是有点累,所以最近一直在想怎么解决。 这个问题html5 图片上传

找到一个在截图后手动添加水印的工具。 - - - 失败的。 要么你要付费,要么你只支持windows不支持mac。

使用工具上传图片到图床+腾讯COS。 ----------妈的,腾讯的COS如果给图片加了文字水印就收费了

最终我使用了picGo上传工具加上一个简单的图床(这个之前已经介绍过)。 简易图床上可以设置文字水印。 那为什么选择picGo,因为它是跨平台的! Mac 和 Windows 都可用!

话不多说,让我们开始吧!前提是你已经搭建了一个简单的图床。 其他图床应该也可以,但我没用过。 这是一个简单的图床的例子

html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!)

安装picGo工具。打开官网,选择对应版本,下载安装

可以看到picGo默认支持上传的图床相当多,但没有简单的图床。腾讯和七牛只需要到相应的平台配置相关的key或者token即可。

html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!)

我们正在使用一个简单的图像床,但客户端页面没有。 这时候我们就需要安装一个插件来支持这个功能了! 我们点击插件设置,然后搜索这个插件,点击安装web-uploader 1.1.1。 安装插件会提示需要node环境。 如果没有的话html5 图片上传,安装一个节点就可以了~

安装插件后,我们需要连接到我们的图像床。 我们这里需要的信息是:! 图像床配置名称,可随意填写。 API地址,这个是图床后台的,我们复制一下即可。 POST参数名称,填写图片,JSON路径我们填写url,自定义请求头不写。 写入自定义body {"token":"1c17b11693cb5ec6389b091c5b9c1b2"} //这里输入你网站生成的token即可。如下图

html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!)

现在已经填写了相应的信息。还需要最后一步,我们需要登录图床后台->图片安全->高级设置->启用API上传

html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!)

配置picGo,开机自启动,上传后手动复制URL

html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!)

我使用的截图软件是snipaste,这也是一款非常好用的截图软件(就是没有手动水印功能)。 这样,我用这个软件F1快速截图后,图片就会保存在剪贴板中,然后我点击picgo的剪贴板图片就可以快速上传了。

然后我在图床上手动拥有了这张图片的链接,只需要CTRL+V即可。 链接格式可以设置:markdown、HTML、URL、UBB可以根据自己的需要设置,我选择markdown。

图床的背景可以给图片添加水印,这样我们就可以方便的复制内容,给图片添加水印。 ~

你完成了! 如果对您有帮助,请点赞哦~您的点赞就是对我最好的鼓励!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html5 图片上传-picGo+简易图床实现手动上传图片到图床(再见!) https://www.wkzy.net/game/144611.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务