位置: 编程技术 - 正文

分享js粘帖屏幕截图到web页面插件screenshot-paste(分享js粘帖屏幕怎么弄)

编辑:rootadmin

推荐整理分享分享js粘帖屏幕截图到web页面插件screenshot-paste(分享js粘帖屏幕怎么弄),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:分享js粘帖屏幕怎么用,js 粘贴图片,js触发粘贴事件,js复制粘贴功能,分享js粘帖屏幕不显示,分享js粘帖屏幕不显示,分享js粘帖屏幕怎么用,分享js粘帖屏幕不显示,内容如对您有帮助,希望把文章链接给更多的朋友!

在很多场合下,我们可能有这样的需求:提供个屏幕截图上传到系统,作为一个凭证。传统的操作方式是:屏幕截图,保存文件到本地,在web页面上选择本地文件并上传,这里至少需要三步。有没有可能直接将截图粘帖到web页面上,然后上传?答案是:可以的。这就是本文要介绍的内容了。

由于我的项目有上传屏幕截图这样的需求,为了用户体验更佳,减少操作步骤,我在网上搜了一遍之后,找到了一些眉目。为了便于复用和共享,我又对该功能做了一些封装,于是便有了这个插件 screenshot-paste。运行效果如下图:

插件调用示例:

插件依赖:

从调用示例中,我们可以看到,这个插件依赖如下:

分享js粘帖屏幕截图到web页面插件screenshot-paste(分享js粘帖屏幕怎么弄)

1)需要引用jquery

2)插件本身screenshot-paste.js

3)需要一个textbox和图片预览div

插件可配置项:

插件方法:

该插件目前只有一个方法 getImgData,调用示例如下:

var imgData = $('#demo').screenshotPaste('getImgData');值得一提的是,该方法返回的是img的src属性里面的内容,即base编码的图片数据内容。

这样的数据上传到服务器之后,需要用base解码,解码示例代码如下(C#版):

插件源码:

标签: 分享js粘帖屏幕怎么弄

本文链接地址:https://www.jiuchutong.com/biancheng/377439.html 转载请保留说明!

上一篇:基于javascript实现页面加载loading效果(javascript运用)

下一篇:深入解析JavaScript中函数的Currying柯里化(深入解析抑郁症:什么是它的表现?别小看它的危害程度!)

  • 单位外币账户领取流程
  • 固定资产一次性折旧政策2023
  • 企业如何代扣代缴个人所得税20%
  • 疫情期间社保单位不交个人吃亏吗
  • 劳动合同和劳务合同有什么区别 举例
  • 货币基金分红交什么税
  • 厂房设计费计入在建工程吗
  • 外贸企业出口怎么写
  • 被投资方宣告发放股票股利
  • 已经勾选确认的发票可以取消认证吗
  • 城市维护建设税属于什么科目
  • 退回多交的所得税怎么做分录小规模
  • 老会计有多厉害
  • 出口退税申报显示疑点跳过可以转正式申报吗
  • 增值税附表一免税项目金额填不上
  • 小规模专票普票都开怎么申报增值税
  • 基础研究投入费用包含工资吗
  • 空调维修详情介绍
  • 收到的红字发票报税的时候怎么填
  • 自然人是否适用财政部税务总局2022年第15号公告
  • 结算银行贷款利息用什么凭证
  • 新公司能先用别人的钱吗
  • windows 11密钥
  • 个人独资企业没有章程
  • win11专业版打开或关闭系统图标
  • 筹建期间内发生的开办费属于什么费用
  • 如何在苹果电脑上删除软件
  • macos big sur更新后能改回来吗
  • 如何删除驱动器里面的文件
  • 广告费属于什么费用部门
  • 水养绿萝怎么养护长得才茂盛
  • php商品对比功能怎么用
  • php提供了________和___________两种复合数据类型
  • 计提坏账准备对所得税费用的影响
  • 转让子公司产生的投资收益在合并层面是不是全部抵消
  • php通用分页类
  • 努沙杜瓦酒店
  • 浅谈php的排列组合
  • 税控盘是什么样子的
  • 专用发票密码区模糊了影响报销吗
  • 正在求偶的凤头卡拉鹰,美国德克萨斯州 (© Alan Murphy/Minden Pictures)
  • canvas画线条
  • 愚公全名
  • 手把手教你用荣耀手机
  • 百旺开票软件状态查询在哪里
  • java枚举写法
  • 酒类包装物押金的增值税处理规定
  • 上一年度企业所得税汇算清缴
  • 英文好书推荐
  • 企业增值税专用发票抵扣流程
  • sql server 使用
  • 记账凭证基本内容口诀
  • 撤销税务局
  • 企业给灾区捐款可以抵税吗
  • 跨期发票账务处理办法
  • 注销时,其他应付款有余额,怎么冲减
  • 甲方代交水电费合法吗
  • 收购发票使用范围及预警怎么写
  • 建厂期间购买材料怎么办
  • 管理费用贷方有余额怎么处理
  • 小规模汽车维修管理制度
  • mysql数据库内存占用高
  • mac怎么自动清理垃圾软件
  • solaris8下载
  • xp系统超级终端机在哪
  • xp系统如何安装软件
  • smss.exe是干嘛的
  • android入门教程
  • unity connected games
  • 全面了解自我,接纳和包容自我
  • css盒子模型示意图
  • js定时器的两种方法
  • vue list清空
  • 原生javascript+css3编写的3D魔方动画旋扭特效
  • nodemodules拷贝到其他目录
  • 每天一篇日记
  • 国家税务总局电子发票
  • 电子税务局做什么的
  • 广东省国家税务总局班子成员
  • 商品代码是啥
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设