中文前端UI框架Kit(七)无插件异步文件上传组件,带进度,支持文件拖拽
2012-05-17 14:51
453 查看
号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题,对于前端技术感兴趣的朋友都可以加,里面也有来自腾讯,淘宝,豆瓣,Baidu,微软的小牛们和大家一起讨论,氛围和谐,男女皆宜!
demo地址: http://xueduany.github.com/KitJs/KitJs/index.html#upload,感谢群友`Mr.Joy提供php Demo空间
kitjs的异步上传插件修改自著名的ajax Upload(http://github.com/valums/file-uploader),在基础上修复了部分bug,同时加入了一个图片上传预览插件。
效果图如下:
指定一块区域为上传控件,使用new $kit.ui.Upload.ImageUploader初始化,绑定后端api接口,以及相关事件
jsdoc地址:http://xueduany.github.com/jsdoc/out/$kit.ui.Upload.ImageUploader.html
文件上传组件
jsdoc地址:http://xueduany.github.com/jsdoc/out/$kit.ui.Upload.FileUploader.html
随便宣传下KitJs官方QQ群88093625,对于前端技术感兴趣的朋友都可以加,里面也有来自腾讯,淘宝,豆瓣,Baidu,微软的小牛们和大家一起讨论,氛围和谐,男女皆宜!
demo地址: http://xueduany.github.com/KitJs/KitJs/index.html#upload,感谢群友`Mr.Joy提供php Demo空间
kitjs的异步上传插件修改自著名的ajax Upload(http://github.com/valums/file-uploader),在基础上修复了部分bug,同时加入了一个图片上传预览插件。
效果图如下:
(一)使用方法
指定一块区域为上传控件,使用new $kit.ui.Upload.ImageUploader初始化,绑定后端api接口,以及相关事件
(二)初始化参数
图片上传预览组件jsdoc地址:http://xueduany.github.com/jsdoc/out/$kit.ui.Upload.ImageUploader.html
文件上传组件
jsdoc地址:http://xueduany.github.com/jsdoc/out/$kit.ui.Upload.FileUploader.html
(三)后端文件
php修改版本的后端文件见:https://github.com/xueduany/KitJs/blob/master/KitJs/demo/Upload/up.php(四)小结
下一篇将给大家分析代码,了解一下异步上传文件的原理是什么。敬请期待随便宣传下KitJs官方QQ群88093625,对于前端技术感兴趣的朋友都可以加,里面也有来自腾讯,淘宝,豆瓣,Baidu,微软的小牛们和大家一起讨论,氛围和谐,男女皆宜!
相关文章推荐
- 中文前端UI框架Kit(八)无插件异步文件上传组件源码解析
- 支持多文件上传,预览,拖拽,基于bootstrap的上传插件fileinput 的ajax异步上传(转载)
- 多文件上传插件Stream,解决不同浏览器上传文件的插件,是Uploadify的Flash版和Html5版的结合,带进度条,并支持html5断点续传,拖拽等功能
- File Uploader:支持进度显示与文件拖拽的多文件上传前端JS脚本
- 支持多文件上传,预览,拖拽,基于bootstrap的上传插件fileinput的ajax异步上传
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
- 多文件上传插件Stream,是Uploadify的Flash版和Html5版的结合,带进度条,并支持html5断点续传(附件上传),拖拽等功能
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
- jQuery插件实现文件上传功能(支持拖拽)
- common-fileupload:支持中文、大文件上传的上传组件
- jquery异步文件上传插件ajaxFileUpload笔记(支持多文件上传)
- 支持中文的无组件文件上传:示例
- js 文件上传插件(支持上传进度信息)
- 前端文件上传方法 支持IE8(插件和原生方法)
- jQuery插件之路(三)——文件上传(支持拖拽上传)
- 基于ajax的Html5文件上传插件,带进度并支持图片预览
- HTML5——摒弃插件和前端框架的异步文件上传
- 前端上传组件Plupload使用指南(支持多文件选择上传)
- 使用Html5异步上传文件,支持跨域,带有上传进度条
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传