分享js粘帖屏幕截图到web页面插件screenshot-paste

前端之家收集整理的这篇文章主要介绍了分享js粘帖屏幕截图到web页面插件screenshot-paste前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

插件调用示例:

screenshot paste example

猜你在找的JavaScript相关文章