<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--http://aariadne.com/uploadform/-->
<head>
<!-- $Id: uploadform.html 71 2007-07-27 10:32:59Z jozo $ -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="extjs,ext,ux,javascript,library,web development,web design,dhtml,widget,webdev,component,control,tree,file,gui,interface,effect,example,demo,download,howto,yui-ext,theme,aero,vista,skin,animation">
<title>Ext File Upload Form Widget Example by Saki</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../filetree/filetree.css">
<link rel="stylesheet" type="text/css" href="uploadform.css">
<link id="theme" rel="stylesheet" type="text/css" href="../extjs/resources/css/xtheme-default.css">
<link rel="shortcut icon" href="/img/silk/icons/application_get.png" type="image/png">
<script type="text/javascript" src="../extjs/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="../extjs/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="../extjs/ext-all-debug.js"></script>
<script type="text/javascript" src="Ext.ux.UploadForm.js"></script>
<script type="text/javascript" src="Ext.ux.SWFUpload.js"></script>
<!--<script type="text/javascript" src="../scripts/locale/Ext.ux.UploadForm.sk_SK.utf-8.js"></script>-->
<style type="text/css">
#form-ct, #swfu-out {
position: relative;
left: 14px;
width: 180px;
padding: 10px;
border: 1px solid silver;
background-color: #D3E6EA;
margin-bottom: 24px;
}
#swfu-out {
font-size: 8pt;
}
#adsense-top {
margin: 10px;
}
#info-column {
position: absolute;
top: 108px;
right: 8px;
width: 240px;
border: 1px dotted silver;
background-color: #efefef;
margin: 4px;
padding: 8px;
font-size: 8pt;
}
#info-column ul {
list-style-type: disc;
list-style-position: inside;
}
#pg-target {
position: absolute;
left: 400px;
top: 108px;
width: 154px;
}
#float-form-ct {
}
</style>
</head>
<body>
<div id="info-column">
<h3>Ext.ux.UploadForm ver. 1.0-beta2</h3>
<p> </p>
<p>Purpose of this widget is to provide an user interface
for easy uploading of files to a server.</p>
<p> </p>
<p>Files are first added to an "upload queue" and then they are uploaded to the server.
</p>
<p> </p>
<p>
Any file can be individually removed from the queue before upload or the whole queue
can be cleared.
</p>
<p> </p>
<p>
The result of upload is shown for each file by icons of success or failure and, in the
case of failure, the server error message is shown as the tooltip of the failure icon.
</p>
<p> </p>
<p>This widget is not standalone but requires <a href="http://extjs.com">Ext JS - JavaScript Library</a>
to run.
</p>
<p> </p>
<p>Useful links:
</p>
<p> </p>
<ul>
<li><a target="_blank" href="http://extjs.com/forum/showthread.php?t=9305">UploadForm forum thread</a></li>
<li><a target="_blank" href="http://extjs.com/learn/Extension:UploadForm">UploadForm wiki page</a></li>
<li><a target="_blank" href="http://ajaxian.com/archives/extuxuploadform-an-ext-file-upload-widget">Ajaxian article</a></li>
<li><a target="_blank" href="/accordion-preview">Ext Accordion Widget</a></li>
<li><a target="_blank" href="/filetree">Ext FileTree Widget</a></li>
</ul>
<p> </p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="/img/paypal2.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
</form>
<p>Author: <i>Jozef Sakalos, aka Saki</i></p>
</div>
<div id="adsense-top">
<script type="text/javascript"><!--
google_ad_client = "pub-2768521146228687";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-07-14: UploadForm
google_ad_channel = "0819383193";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="form-ct"><div id="form-ct-in"></div></div>
<div id="pg-target"></div>
<div id="float-form-ct"></div>
<div id="bbtn-swfu"></div>
<div id="swfu-out"><div style="margin-bottom:10px;border:1px solid silver;background:#ffe8e8;padding:2px;">Development
of this swfupload version has been postponed due to instability of the flash uploader on Firefox@Linux platform.
<a href="http://extjs.com/learn/Extension:SWFUpload">Details...</a></div><div id="swfu-ct"></div></div>
<script type="text/javascript" src="uploadform.js"></script>
<!-- Remove next line from local installation -->
<script type="text/javascript" language="javascript">var zstpagid =4;var zstROI = 1;</script>
<script type="text/javascript" language="javascript">
var s_sid = 90134;var st_dominio = 4;
var cimg = 0;var cwi =150;var che =30;
</script>
<script
ext upload.rar （10个子文件） 
ext upload 
yui-utilities.js 42KB Ext.ux.UploadForm.js 19KB uploadform.css 6KB ext-all.css 73KB filetree.css 11KB
upload.html 9KB ext-all-debug.js 827KB
复件 upload.txt 9KB ext-yui-adapter.js 11KB Ext.ux.SWFUpload.js 19KB资源评论
shiwenliang2013-05-23用到了，挺好用的
