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

最新推荐文章于 2018-04-25 15:38:20 发布

原创最新推荐文章于 2018-04-25 15:38:20 发布 · 603 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #CSS #JavaScript #PHP #HTML #ViewUI

ExtJS 专栏收录该内容

26 篇文章

订阅专栏

本文介绍Ext.ux.UploadDialog组件的使用方法及示例代码，展示如何通过简单的HTML和JavaScript配置实现文件上传对话框。该组件支持自定义上传URL、自动开始上传等特性。

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>
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
});