首页 > 编程 > HTML > 正文

图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传

2024-08-26 00:18:24
字体:
来源:转载
供稿:网友
这篇文章主要介绍了图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传 的相关资料,需要的朋友可以参考下
 
 
一 . 背景及效果 

当前互联网上传文件最多的就是图片文件了,但是传统web图片的截图上传需要:截图保存->选择路径->保存后再点击上传->选择路径->上传->插入。 
图片文件上传也需要:选择路径再->上传->插入,步骤繁杂,互联网体验为王,如果支持截图粘贴上传、拖拽上传将大大提升体验。 
当前知乎和github对现代浏览器均支持这两种特性,闲来无事就学习实现了一下,今天就说一说这个1kb插件实现什么功能,怎么使用和原理。 
首先看一下插效果: 
截图后直接粘贴上传。 

图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传

拖拽上传 

图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传

http网络 

图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传


二.使用示例 
直接调用: 
XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表