转载时请保留来源:OurJS.cn 原文: http://www.ourjs.cn/show.php?id=464
Deft 是Dojo Toolkit的一个项目,本文介绍的多文件上传功能就是得益于它。
dojox.form.FileUploader类在页面内嵌入了一个隐藏的SWF文件,当你触发它时,会打开一个对话框,这个对话框支持多文件选择和文件类型过滤。
如果用户没有安装flash 9,则会显示一个标准的HTML file input 标签来代替它的flash界面。这个HTML表单同样支持多文件上传,不过是跟通常的多文件上传一样,多个input标签,每个标签只能选择一个文件。
这个工具的另一个优点是,允许用户自定义上传按钮的样式。
dojox.form.FileUploader将会包含在计划在9月份发布的Dojo Toolkit v1.2中。
dojox.form.FileUploader
dojox.form.FileUploader是一个简单的包装器类。它接受参数,并做一些侦测,决定是使用dojox.form.FileInputFlash类 还是 dojox.form.FileInputOverlay类。
以下是使用FileUploader的例子:
var uploader = new dojox.form.FileInputFlash({
uploadUrl:"http.localHost/FileUpload.php",
button:myButton,
uploadOnChange: false,
selectMultipleFiles: true,
fileMask: ["All Images", "*.jpg;*.jpeg;*.gif;*.png"],
degradable: true
});
这个类只有一个方法: upload()
有几个方法:
onChange - 当文件被选中时触发
onProgress - 提供当前的上传进度相关信息(只支持flash)
onComplete - 当文件上传完毕时触发
onError - 发生错误时触发,比如:找不文件
dojox.form.FileInputFlash(Flash模式)
FileInputFlash组件与dojox.embed.Flash一起加载。它显示时大小1px*1px,定位在左上角,是不可见的,当浏览器需要显示SWF时才会激活它。在初始化时,FileInputFlash使你的按钮与SWF内的浏览器方法连接起来,使得点击按钮就会打开对话框架。
dojox.form.FileInputOverlay(HTML模式)
dojox.form.FileInputOverlay API跟FileInputFlash 不同。主要有两点:
1. 它不会触发onProgree事件
2. 当 selectMultipleFiles = true时,用户不能选择多个文件,但是可以通过点击上传按钮添加文件上传列表。
要了解更多dojox.form.FileUploader,可访问:
http://www.sitepen.com/blog/2008/09/02/the-dojo-toolkit-multi-file-uploader/
http://trac.dojotoolkit.org/browser/deft/trunk/deft
http://archive.dojotoolkit.org/nightly/
转载时请保留来源:OurJS.cn 原文: http://www.ourjs.cn/show.php?id=464
分享到:
相关推荐
NULL 博文链接:https://mojianpo.iteye.com/blog/753665
用DOJO中的dojox.gfx做甘特图 用DOJO中的dojox.gfx做甘特图
3.3 A Wish List with dojo.data and dojox.grid.Grid . 46 3.4 Researching Cigars Using JSONP . . . 56 3.5 Reviews with dojo.xhrGet . . 63 3.6 Errors and Debugging . . . . 67 II The Dojo APIs 70 4 Dojo ...
Include <SCRIPT TYPE="text/javascript" SRC="dojo/dojo.js"></SCRIPT> and you're on your way. Browse to dojo/tests/runTests.html or dijit/themes/themeTester.html to see Dojo in action
Dojo开发包: 包含以下目录dijit dojo dojox util
一、 Dojo学习笔记(1. 模块与包) 1 二、 Dojo学习笔记(2. djConfig解说) 4 三、 Dojo学习笔记(3. Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo.string & dojo.lang) 9 五、 Dojo学习笔记(5. dojo.lang.array ...
实例VS2010代码 dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar
Addison.Wesley.Dojo.Using.the.Dojo.JavaScript.Library.to.Build.Ajax.Applications.Jun.2008.pdf
Dojo tookit related resources.
dojo网站发展git submodule update --init --recursive npm install bower install grunt develop 访问 注意:默认情况下,develop任务不会生成参考指南和API文档。建立文件参考指南要求:狮身人面像sudo easy_...
这是最新版,最全Dojo工具包的API文档,绝对好用,绝对专业.不下后悔哦. 注:要把Dojo toolkit API part1部分下载下来,两个文档合并即可.
dojo学习 dojo学习 dojo学习 dojo学习 dojo学习
Uploader(dojox.form.Uploader),它具有一个可定制样式的fileinput按钮,可使用多文件选择模式,且完全基于HTML元素。在不支持HTML5的浏览器中,该控件可以自动切换到使用Flash或者iframe。Fileinput之所以叫...
该项目旨在提供一种简化SVG图形和Javascript代码之间的转换的方法,使用Dojo Toolkit的dojox.gfx库重新创建相似的图形是必需的。
struts2-dojo-plugin-2.3.15.3.jar.zip
dojo toolkit
来自SUN公司对dojo的介绍.有很多demo.PDF格式 作者:sang shin
文件太大分3个包! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和...
随着富互联网应用程序(Rich Internet Application,RIA)的发展,一批 JavaScript Toolkit 也随之兴起 , Dojo 便是其中的优秀代表,本系列文章 将由浅入深带领读者走进 Dojo 的世界。本文作为这个系列的开篇 , 主要...
文件太大分3个包! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和...