PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

jQuery HTML5 Uploader插件

jQuery HTML5 Uploader插件

来源:phperz.com  作者:phperz.com  发布时间:2011-08-16
jQuery HTML5 Uploader 是一个轻量级的 jQuery 插件用来直接从电脑中拖放文件到浏览器并实现上传的功能,目前该功能只支持 Firefox 和 Chrome 浏览器。 效果类似QQ邮箱里的文件中转站上传效果 使用方法: script type=text/javascript src= http://ajax.googleapis.com

jQuery HTML5 Uploader 是一个轻量级的 jQuery 插件用来直接从电脑中拖放文件到浏览器并实现上传的功能,目前该功能只支持 Firefox 和 Chrome 浏览器。

效果类似QQ邮箱里的文件中转站上传效果

使用方法:

<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 type="text/javascript">
$(function() {
 $("#dropbox, #multiple").html5Uploader({
  name: "foo",
  postUrl: "bar.aspx" 
 });
});
</script>
<div id="dropbox"></div>
<input id="multiple" type="file" multiple>

在线演示:http://www.igloolab.com/jquery-html5-uploader/

效果图:

如图所示:从电脑上拖拽一个文件到页面的框里即可实现上传.

 

 


延伸阅读:
jQuery DIV圆角插件之JQuery Corner
jQuery弹出层插件bPopup介绍
jquery滑动门图片插件
jQuery 对话框插件Impromptu介绍
JQuery Tree插件zTree v2.6.01 发布
JQuery Tree 插件 zTree简介
jQuery树状菜单插件 Treeview
jQuery树形表格插件 jQTreeTable
19 个 jQuery 图片滑动插件和教程
50 个新酷的 jQuery 插件
11 款 jQuery 的复选框和单选框美化插件
jquery万能弹出层插件popup_layer.js
分享随机推荐的10个不错的jQuery插件
20+ 个很棒的 jQuery 文件上传插件和教程
10 款很有创意的 jQuery 表格插件
使用Jquery的Jqzoom插件实现放大镜效果
Jquery图片放大镜插件
推荐 10+ 个很有用的 jQuery Google 地图插件
jquery日历插件timepicker
jQuery条形码插件 jQuery Barcode

Tags: jQuery   HTML5   Uploader   插件  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号