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>