ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 低调看体育直播 >> HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播 >> 图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传

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

来源:网络整理     时间:2016-01-19     关键词:

本篇文章主要介绍了"图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传",主要涉及到方面的内容,对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 一 . 背景及效果当前互联网上传文件最多的就是图片文件了,但是传统web图片的截图上传需要:截图保存->选择路径->保存后再点击上传->选择路...

一 . 背景及效果

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

首先看一下插效果:

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

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

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

二.使用示例

直接调用:

<> id="box" style="width: 800px; height: 400px; border: 1px solid;" c/span>"true">
<> type="text/javascript" src="UploadImage.js"> new UploadImage("box", "UploadHandler.ashx").upload(function (xhr) {//上传完成后的回调 var img = new Image(); img.src = xhr.responseText; this.appendChild(img); });

相关图片

相关文章