工具篇：如何截图并上传图片

最新推荐文章于 2022-07-12 15:28:05 发布
最新推荐文章于 2022-07-12 15:28:05 发布
阅读量1.6k 收藏
点赞数 1
分类专栏： 工具篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zlliuh/article/details/106449769
版权

  之前用markdown写文章时，碰到使用图片，总是先截图保存到本地，再从本地上传到图床，但这种方式感觉有些繁琐，下面介绍一种方式截图并上传图片，自动返回图片链接。

  1. 下载greenshot
    greenshot，密码: 1749
  2. 七牛云开通对象存储服务
  3. greenshot配置七牛云
    在这里插入图片描述
    在这里插入图片描述
    Access Key和Secret Key对应七牛云的个人中心->密钥管理的AK，SK
    Scope是对象存储的空间名称
    Default Domain是图片访问的默认地址，在对象存储的空间管理/文件管理中的外链域名
    4.截图后选择上传图片到七牛云，会返回markdown的图片链接
    在这里插入图片描述
吃西瓜不吐冬瓜皮
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
截屏并上传
01-09
ActiveX网页插件，截取客户端屏幕并上传到指定的网页。
写markdown博客如何将截图快速上传到图床——记一个工具插件的实现(windows版 开源)...
HarlanC的专栏
05-31 513

 打造一个上传图片到图床利器的插件（Mac版 开源）（2018-06-24 19:44） 更新于2018年2月 做了以下改动： 1.修复了一个bug，把服务器区域做成可配： 七牛有华北，华东，华南以及美国三个服务器区域，根据自己的情况进行相应的选择即可。 2.把插件打包进了exe安装包中，下载链接： 链接: 密码: 1749 因此不要再使用本文的替换方法进行安装了...
文件上传 和上传照片截图
dpf3977013的专栏
09-14 1237
文件上传是网站很常见的功能之一，通过使用 jQuery 可以让上传过程更加人性化，更好的用户体验。本文介绍20个jQuery的文件上传插件，其中有一些是教程。 　　1. Plupload 　　Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进
带截图的图片上传组件
weixin_43655409的博客
07-12 283
带截图的图片上传组件
使用ShareX+sm.ms实现截图后自动上传图片至图床
b5ck`s blogs
02-04 2907
前言 我们在使用Typora编写makedown笔记时可能需要插入一些图片，但是图片通常只能保存在本地，不便于我们编辑的迁移和分享，这里我们使用ShareX截屏软件配合sm.ms图床实现截图后自动上传图片，并生成图片链接。 0x01 配置SM.MS图床 注册一个sm.ms账号 https://sm.ms/register 填写完注册信息后，我们填写的邮箱内会收到一个激活链接，点击链接后激活账号。 ...
【物联网平台篇9】使用MQTT上传图片到OneNET
01-20
可是我在B站上一个粉丝私信说想让我录制一个关于MQTT上传图片的教程，所以今天整理了一下，写了一个工具，演示说一说实现的思路。 我先演示一下使用自己编写的工具上传的示例，首先我创建了一个基于MQTT协议的产品...
Android图片压缩上传之基础篇
01-04
在android程序开发中我们经常见到需要上传图片的场景，在这里有个技术点，需要把图片压缩处理，然后再进行上传。这样可以减少流量的消耗，提高图片的上传速度等问题。 关于android如何压缩，网上的资料也是很多，但...
zb Upload七牛云上传工具
01-29
支持一键批量上传 上传后得到七牛云链接后会生成excel保存(加入配置管理) 若有使用问题可以私信我
React中上传图片到七牛的示例代码
11-29
之前有写过类似的一篇文章，有位同学突然找来解惑，发现自己采用了另外的一个方法，这里也分享下，希望对使用reactjs的同学有帮助。 逻辑思路是这样子的，在componentDidMount中实现更新dom的操作，异步加载需要的...
基于asp.net实现图片在线上传并在线裁剪功能
01-02
　接上一篇文章asp.net uploadify实现多附件上传功能完成后，又突然用到头像上传并在线裁剪。在网上找个众多例子都没有符合要求的，有一篇文章写的不错,Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包),大家...
JS上传图片时的截图
05-26
用JS怎么做上传图片时的截图？ 类似于上传QQ图像时可以截取图像的一部分 用Js或者JQuery怎么写？ 希望高手能够提供代码 要求如下： 用js显示要上传图片(或者显示已上传图片) 然后在显示的图片上用鼠标划框,分别记录点下鼠标左键及松开时的X/Y轴座标,算出与原图的左上角X/Y值之间的差,然后回发到服务器CS代码中,用asp.net绘图方法,截取相关部分.
Winfom屏幕截图、Cropper js头像裁剪上传服务器
08-10
屏幕拖拽截图、全屏截图，cropperjs裁剪上传等功能，详细介绍请看博客，写的很细： https://www.cnblogs.com/bq-blog/p/9455241.html
文件上传图片放大缩小进行截图上传
qq_33593958的博客
01-17 615
一：效果如下 二：思路准备 1、注意事项：弹出框--有原始图片尺寸--操作图片对象--直观显示图片（因为有个圆孔透明背景遮罩）--鼠标滚轮、按住等事件--文件和base64、blob等转换、canvas进行对图片进行缩放和移动效果呈现 2、注意像Edge和360兼容模式下base64转为文件的不兼容性 三：实现方式 1、样式布局： a)、visImg是...
JS实现复制截图，自动显示图片，并上传图片到后端，源码自取
知无涯
12-14 3618
写博客的时候，很多作者会用到截图上传的功能，通过微信截图，QQ截图，直接将截取的图片通过Ctrl+v 复制到编辑器里。编辑器自动将图片上传，并返回图片地址，将图片渲染到页面上。今天我就给大家实现一个这样的功能。 主要的知识点是，浏览的paste事件，clipboardData， 有关这两个属性的浏览器支持情况 paste 一个标准的Dom事件，粘贴事件，会在用户按下Ctrl+v ,或者通过鼠标复制时触发.像其他事件一样，我们可以通过addEventListener为一个Element添加一个粘贴事件的监
实现截图上传功能
superXiaoyun的博客
07-22 439
视图层加 v-on:paste 事件 <div v-on:paste="onPaste"> </div> 方法实现 // 监听粘贴操作 onPaste(event) { const items = (event.clipboardData || window.clipboardData).items; let file = null; if (!items || items.length === 0) { this.$message.error("当
图片逻辑处理层，实现抓图，上传图
renyanbinnet的专栏
03-21 838
 using System;using System.Data.SqlClient;using System.Configuration;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.IO;using System.Net;using System.Drawing.Imaging;
关于CSDN写博客怎么上传图片
Zero_Zhen10的博客
10-30 868
前段时间自己写博客的时候就遇到这个问题 经常上传不上 看了一些帖子 总结一下解决了 以下是方法 写博客的时候点击图像 上传图片 点击选择图片 上传到服务器 正常情况下 会出现截图所出现的宽 高 此时直接点确定 就有图了 但是 有时候会出现这种 最后面是如上格式的 就无法上传图片 此时URL地址栏向前找到？ 的分隔符 删掉 包括？ 在内之后的所有内容 宽高就出现了 于是点击确定就可以上传图片了！ ...
野狗优化算法DOA MATLAB源码， 应用案例为函数极值求解以及优化svm进行分类，代码注释详细，可结合自身需求进行应用
05-20
野狗优化算法DOA MATLAB源码， 应用案例为函数极值求解以及优化svm进行分类，代码注释详细，可结合自身需求进行应用
2107381120 王孟丽 实验2 (1).docx
最新发布
05-20
2107381120 王孟丽 实验2 (1).docx
python调用工具截图并将图片转为Image格式
05-16
然后，你可以使用Python的subprocess库来调用系统截图工具（如Mac上的screencapture或Windows上的Snipping Tool），并将截图保存为文件。例如，在Windows上，可以使用以下代码： ```python import subprocess from ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值