`
crabdave
  • 浏览: 1294787 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.ux.UploadDialog组件的使用 示例

EXTCSSJavaScriptPHPHTML 
阅读更多

Ext.ux.UploadDialog组件的使用 示例

效果：

创建调用的HTML：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title></title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/Ext.ux.UploadDialog.css" />
 <script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
 <script type="text/javascript" src="../extjs/ext-all.js"></script>
 <script type="text/javascript" src="Ext.ux.UploadDialog.js"></script>
 <!--
 <script type="text/javascript" src="Ext.ux.UploadDialog.packed.js"></script>
 -->
 <!--语言包，根据需要添加或修改
 <script type="text/javascript" src="./locale/ru.utf-8.js"></script>
 -->
<script>
Ext.onReady(function() {
var dialog = new Ext.ux.UploadDialog.Dialog({
  url: 'upload-dialog-request.php',
  reset_on_hide: false,
  allow_close_on_upload: true,
  upload_autostart: true
});

dialog.show('show-button');
         });
</script>
</head>
<body>
</body>
</html>


备注：

附件中是组件的源码。

参考：http://max-bazhenov.com/dev/upload-dialog-2.0/index.php

 

分享到：
| 页面弹出提示框，背景元素不可操作 示例
评论
1 楼 hunnuxiaobo 2010-08-31  
我想知道那个进度条是否准确工作？还有它的实现原理是什么，服务器端如何处理的？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ext 多文件上传控件 Ext.ux.UploadDialog 使用中的问题

    本文将深入探讨“ext多文件上传控件Ext.ux.UploadDialog”的使用方法及其常见问题。该控件作为ExtJS库的一个扩展，为用户提供了一种方便的多文件选择和上传的界面。 首先，Ext.ux.UploadDialog是一个基于ExtJS框架...

    如何在服务器端 读取Ext.ux.UploadDialog上传的文件？

    Ext.ux.UploadDialog 是一个 ExtJS 框架的扩展组件，它提供了一个友好的用户界面来处理文件上传。在服务器端，我们需要正确解析接收到的请求，以便能够读取并处理上传的文件。在 Java 环境下，Apache Commons ...

    Ext.ux.UploadDialog

    使用Ext.ux.UploadDialog扩展时，开发者需要在Ext JS应用中引入这个组件的JavaScript文件，并进行适当的配置，例如指定上传URL、设置上传参数等。以下是一个简单的使用示例： ```javascript Ext.onReady(function()...

    Ext.ux.UploadDialog.zip

    在使用Ext.ux.UploadDialog时，开发者需要对Ext JS有一定的了解，包括其组件模型、数据绑定机制以及事件处理。同时，为了将文件上传到服务器，后端需要提供相应的接口来接收并处理这些上传请求。这通常涉及处理文件...

    ext图片批量上传源码

    在EXT应用中使用EXT.ux.UploadDialog时，开发者需要配置插件的相关参数，如URL（服务器端处理文件上传的地址）、文件类型限制、最大上传文件大小等。同时，为了实现良好的用户体验，可能还需要自定义对话框的样式和...

    精通JS脚本之ExtJS框架.part1.rar

    10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...

    EXT 3.0 文件上传对话框

    上传组件的使用.doc是一个文档，详细介绍了如何在EXT3应用中集成和使用UploadDialog组件。文档中可能涵盖了安装步骤、配置选项、示例代码和常见问题解答等内容，对于开发者来说是非常宝贵的参考资料。 Ext.ux....

    精通JS脚本之ExtJS框架.part2.rar

    10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...

    ExtJs部署及使用方法

    - `b2b/Ext.ux.UploadDialog.js`: 文件上传对话框组件。 ##### 2.1 页面布局实现 在实际应用中，可以通过ExtJs的布局管理器来实现页面的布局设计。下面是一个简单的例子，展示了如何使用ExtJs的BorderLayout布局...

    extjs的的初步开发步骤

    - **文件上传组件**：如`b2b/Ext.ux.UploadDialog.js`，用于实现文件上传功能。 **二、实例开发** 这里我们以产品中心的产品信息查询为例，展示如何使用ExtJS进行实际开发。 1. **页面布局** 页面整体采用...

Magicbox
Global site tag (gtag.js) - Google Analytics