Ext.ux.UploadDialog.Dialog 实现了多文件的上传，不过需要注意的是，该组件并不是一次性把多个文件传到后台，而是添加一个文件就会把这个文件上传上去，其实还是一次上传了一个文件
例子：
<html>
<head>
<title>Anchoring</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="UploadDialog/css/Ext.ux.UploadDialog.css" />
<script type="text/javascript" src="UploadDialog/Ext.ux.UploadDialog.js"></script>
<script type="text/javascript" src="UploadDialog/locale/ru.utf-8_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
dialog = new Ext.ux.UploadDialog.Dialog({
url: 'upload-dialog-request.php',
reset_on_hide: false,
permitted_extensions:[ 'JPG' , 'jpg' , 'jpeg' , 'JPEG' , 'GIF' , 'gif' , 'png' , 'PNG' ],
allow_close_on_upload: true,
upload_autostart: true
});
dialog.show(); //'show-button'
dialog.on( 'uploadsuccess' , onUploadSuccess); //定义上传成功回调函数
dialog.on( 'uploadfailed' , onUploadFailed); //定义上传失败回调函数
dialog.on( 'uploaderror' , onUploadFailed); //定义上传出错回调函数
dialog.on( 'uploadcomplete' , onUploadComplete); //定义上传完成回调函数
//文件上传成功后的回调函数
function onUploadSuccess(dialog, filename, resp_data, record){
alert(resp_data.data);//resp_data是json格式的数据
}
//文件上传失败后的回调函数
function onUploadFailed(dialog, filename, resp_data, record){
alert(resp_data.data);
}
//文件上传完成后的回调函数
function onUploadComplete(dialog){
alert('所有文件上传完成');
// dialog.hide();
}
});
</script>
</head>
<body>
</body>
</html>
分享到：
相关推荐
它使得EXT应用可以在用户授权的情况下读取、写入或上传本地文件，极大地拓宽了EXT2.0的应用场景。 EXT2.0的本地浏览API插件使用方法如下： 1. **引入插件**：首先，需要在EXT2.0应用的页面中引入`localXHR.js`文件...
在给定的"Ext上传文件控件"中，我们关注的是ExtJS如何处理文件上传的功能。ExtJS 提供了一个名为`Ext.form.FileField`（也称为`Ext.form.field.File`）的组件，允许用户在Web表单中选择和上传文件。这个控件通常与`...
在本文中，我们将深入探讨如何使用ExtJS（Ext）与Struts2.0框架整合，实现多文件上传功能。这是一个常见的需求，在Web应用中，用户可能需要上传多个文件，如图片、文档等。通过理解这一过程，开发者可以构建更强大、...
在本文中，我们将深入探讨如何使用ExtJS的UploadDialog插件与Struts2.0框架相结合，实现一个功能完备的多文件上传功能。这是一项在Web应用开发中常见的需求，对于用户交互性和数据管理有着重要作用。 首先，让我们...
总结来说，这个开源项目展示了如何综合运用Struts2.0、Spring、Hibernate和Ext来实现一个美观且功能完善的文件上传系统。通过学习这个项目，开发者可以深入理解这四个技术在实际项目中的应用，提升自己的Java Web...
Struts2.0 + Ext 实现的文件上传功能是一种常见的Web开发技术，它结合了Struts2框架的控制器层和Ext JavaScript库的前端组件。在Java Web应用中，文件上传通常用于用户向服务器提交文件，如图片、文档等。下面我们将...
9. **Ajax与ComboBox**：Ext.Ajax类简化了Ajax请求的发送过程，文档中会介绍如何使用这个类来处理异步数据交互，包括文件上传等操作。 10. **分页与ComboBox**：对于数据量大的情况，分页是处理数据展示的一个重要...
4. 文件上传：EXT也提供了文件上传组件，通常与后端服务（如Struts2的FileUpload拦截器）配合使用，实现用户友好的文件上传功能。在EXT中，可以自定义上传按钮样式，同时处理上传进度和错误反馈。 5. Struts2：...
Ext.ux.UploadDialog是Ext 2.0框架中的一个扩展组件，主要用于实现用户友好的文件上传功能。在Web开发中，文件上传是一个常见的需求，而ExtJS作为一个强大的JavaScript库，提供了丰富的组件和功能来帮助开发者构建...
4. **实时进度条**：EXT提供了丰富的组件，其中的进度条组件可以实时更新显示文件上传进度。通过在Servlet中计算已上传文件大小与总大小的比例，然后将这个比例作为进度信息传递回客户端，EXT前端接收到这个信息后...
支持批量附件上传，是ext对SwfUpload的封装，网上有ext2.0的，我这里经过修改支持ext3.2、3.4和flash9以上 网络硬盘（我的硬盘和公共硬盘）支持树形无限级文件夹管理，文件夹和文件移动，文件共享。为了保证数据的...
1. **文件上传**：JCIFS库提供了API，使得Java程序能够将本地文件上传到网络上的共享目录。通过创建SmbFile对象并调用其writeFile或OutputStream方法，可以实现文件的上传操作。 2. **文件下载**：同样，JCIFS库也...
- **增强的表单元素**：包括更加美观的输入控件和验证功能，以及支持拖放操作的文件上传组件等。 ##### 3. 性能优化 - **异步加载机制**：ExtJS 4.0 支持异步加载组件，这有助于减少初始加载时间并提高应用程序的...
EXTJS的ux（用户体验）库包含了很多社区贡献的组件，这些组件可以增强EXTJS的功能，例如上传对话框用于实现文件上传，表单生成器则能自动化创建和管理表单元素。 最后，"Ext.ux.SwfUploadPanel.js.zip"可能是一个...
- 文件上传失败检测 - 树目录同步优化 ###ver2.5 `2014/6/15` ---- ####update: - 增加创建副本功能 按住ctrl拖拽即可，可以到当前，也可以到文件夹。 - 多选拖拽优化：剪切到、移动到某个文件夹 - 创建副本...
可能涉及FAT32、EXT4等常见文件系统，以及对Samba或NFS等网络文件系统的支持，以实现跨平台的文件访问。 3. **网络服务与协议**：项目需要支持HTTP/HTTPS协议进行文件传输，确保数据的安全性。可能需要用到Apache或...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
2. 将该文件上传到 IIS 的网站根目录。 3. 访问该文件，查看是否能成功连接 MySQL 数据库。 通过以上步骤，您可以在 Windows Server 2012 R2 上成功搭建起一个支持 PHP 和 MySQL 的开发环境。这个环境非常适合用于 ...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...