首页

关于

分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader

日期:2011/11/18  来源:GBin1.com

随着HTML5的使用越来越被大家接受,基于HTML5的技术和插件也会变得越来越广泛,今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。

使用这个插件将会使得文件上传变得简单和有趣,你只需要拖拽文件到页面特定区域就可以上传文件。

分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader

在线演示  在线下载

使用方法:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.html5uploader.min.js"></script>
<script…

标签: HTML5文件上传, HTML5拖放上传文件, jquery文件图片上传插件, jquery图片上传, jquery文件上传, jquery html5支持

阅读更多

使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用

日期:2011/11/19  来源:GBin1.com

昨天我们介绍了一款HTML5文件上传的jQuery插件:jQuery HTML5 uploader,今天我们将开发一个简单的叫upload center的图片上传程序,允许用户使用拖拽方式来上传电脑上的图片,使用现在浏览器支持新的HTML5 API。

图片将会有一个预览和进度条,都由客户端控制。目前,图片都保存在服务器上的一个目录里,当然你可以自己加强相关功能。

使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用

在线演示  在线下载

什么是HTML文件上传?

使用HTML5上传文件其实综合使用了3种技术,新的File Reader API,还有新的Drag&Drop API,以及AJAX技术(包含2进制的数据传输)。这里是一个简单HTML5文件的描述:

1. 用户拖放一个或者多个文件到浏览器的窗口。支持Drap&Drop API的浏览器将会触发一个事件,以及相关的其它信息,包括一个拖拽文件列表。…

标签: HTML5文件上传, HTML5拖放上传文件, jquery文件图片上传插件, jquery图片上传, jquery文件上传, jquery html5支持, 拖拽实现文件上传, 文件上载

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.