Extjs学习手记-文件上传插件

最新推荐文章于 2018-09-20 09:44:36 发布

cjd007

最新推荐文章于 2018-09-20 09:44:36 发布

阅读量88

点赞数

分类专栏： ExtJS 文章标签： extjs fileupload plugin

本文链接：https://blog.csdn.net/cjd007/article/details/84459724

版权

ExtJS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

效果:
[img]http://dl2.iteye.com/upload/attachment/0087/0844/8f3efaf0-f4b2-3356-9172-ff731e2727a2.png[/img]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> 我的ext测试页面-上传 </title>
  <Meta http-equiv="Content-Type" Content="text/html; Charset=utf-8">
    <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css"/>
	<script type="text/javascript" src="../ext/adapter/ext/ext-base-debug.js"></script>
    <script type="text/javascript" src="../ext/ext-all-debug.js"></script>
	<script type="text/javascript" src="../ext/src/locale/ext-lang-zh_CN.js"></script>

	<script type="text/javascript" src="../ext/ux/filemgr/Ext.ux.UploadDialog/Ext.ux.UploadDialog.js"></script>
	<link rel="stylesheet" type="text/css" href="../ext/ux/filemgr/Ext.ux.UploadDialog/Ext.ux.UploadDialog.css"/>

 </head>

<script type="text/javascript">
	Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';
</script>
<script type="text/javascript">
	var dialog;
	Ext.onReady(function(){
		Ext.QuickTips.init();

		dialog = new Ext.ux.UploadDialog.Dialog({
			url:'',
			reset_on_hide:false,//是否在窗口隐藏时清空表格中的文件
			allow_close_on_upload:true,//是否在关闭窗口时进行上传
			upload_autostart:false//是否用户选择一个文件就马上上传
		});
		//dialog.show("upload_btn");
	});

	function show(){
		dialog.show();
	}
</script>
 <body>
  <INPUT id="upload_btn" TYPE="button" VALUE="上传" onclick="show();"/>
 </body>
</html>

cjd007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Extjs学习手记-文件上传插件

效果:[img]http://dl2.iteye.com/upload/attachment/0087/0844/8f3efaf0-f4b2-3356-9172-ff731e2727a2.png[/img][code="java"] 我的ext测试页面-上传 Ext.BLANK_IMA...
复制链接

扫一扫

专栏目录