<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Queued Photo Uploader</title>
<!--
digitarald.de, version 2.0
Launched 04-2008
Look and learn, but don't steal. Gracias!
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- dynamic assets -->
<style type="text/css">
#demo-status
{
background-color: #F9F7ED;
padding: 10px 15px;
width: 420px;
}
#demo-status .progress
{
background: white url(progress.gif) no-repeat;
background-position: +50% 0;
margin-right: 0.5em;
}
#demo-status .progress-text
{
font-size: 0.9em;
font-weight: bold;
}
#demo-list
{
list-style: none;
width: 450px;
margin: 0;
}
#demo-list li.file
{
border-bottom: 1px solid #eee;
background: url(file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
background-image: url(uploading.png);
background-color: #D9DDE9;
}
#demo-list li.file.file-success
{
background-image: url(success.png);
}
#demo-list li.file.file-failed
{
background-image: url(failed.png);
}
#demo-list li.file .file-name
{
font-size: 1.2em;
margin-left: 44px;
display: block;
clear: left;
line-height: 40px;
height: 40px;
font-weight: bold;
}
#demo-list li.file .file-size
{
font-size: 0.9em;
line-height: 18px;
float: right;
margin-top: 2px;
margin-right: 6px;
}
#demo-list li.file .file-info
{
display: block;
margin-left: 44px;
font-size: 0.9em;
line-height: 20px;
clear
}
#demo-list li.file .file-remove
{
clear: right;
float: right;
line-height: 18px;
margin-right: 6px;
}
</style>
<script type="text/javascript" src="mootools-trunk.js"></script>
<script type="text/javascript" src="Swiff.Uploader.js"></script>
<script type="text/javascript" src="Fx.ProgressBar.js"></script>
<script type="text/javascript" src="FancyUpload2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('load', function() {
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});
/**
* Various interactions
*/
$('demo-browse-all').addEvent('click', function() {
swiffy.browse();
return false;
});
$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
return false;
});
$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});
$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
});
/* ]]> */
</script>
</head>
<body>
<div class="container" id="container">
<div class="span-16 column colborder" id="content">
<div class="project">
<h2><a href="http://digitarald.de/project/fancyupload/" rel="bookmark">FancyUpload - Swiff meets Ajax <small>(v2.0)</small></a></h2>
<strong>Showcases:</strong>
<ul class="demos inline">
<li>
<a href="/project/fancyupload/2-0/showcase/photoqueue/" class="selected" title="Creating a nice looking upload queue, including animated progress bars.">Queued Photo Uploader</a>
</li>
</ul>
<br class="clear" />
<br />
</div>
<h3>Showcase </h3>
<p>
Creating a nice looking upload queue, including animated progress bars. </p>
<div id="demo">
<form action="Upload.axd" method="post" enctype="multipart/form-data" id="form-demo">
<fieldset id="demo-fallback">
<legend>File Upload</legend>
<p>
Selected your photo to upload.<br />
<strong>This form is just an example fallback for the unobtrusive behaviour of FancyUpload.</strong>
</p>
<label for="demo-photoupload">
Upload Photos:
<input type="file" name="photoupload" id="demo-photoupload" />
</label>
</fieldset>
<div id="demo-status" class="hide">
<p>
<a href="#" id="demo-browse-all">Browse Files</a> |
<a href="#" id="demo-browse-images">Browse Only Images</a> |
<a href="#" id="demo-clear">Clear List</a> |
<a href="#" id="demo-upload">Upload</a>
</p>
<div>
<strong class="overall-title">Overall progress</strong><br />
<img src="bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">File Progress</strong><br />
<img src="bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
</div>
<ul id="demo-list"></ul>
</form>
</div>
</div>
</body>
</html>
flashupload一次选多张图片上传
4星 · 超过85%的资源 需积分: 13 61 浏览量
2011-05-12
15:03:55
上传
评论 1
收藏 400KB RAR 举报 
flashUpload.rar （26个子文件） 
codefans.net fancy 
fileUpload.fla 1.08MB
Swiff.Uploader.js 3KB Default.aspx 2KB
fileUpload.swf 48KB Web.config 480B
success.png 844B Maps.aspx 1KB FlashFileUpload.swf 145KB Swiff.Uploader.fla 83KB Maps.aspx.cs 440B mootools-trunk.js 87KB failed.png 1KB App_Code Upload.cs 5KB Swiff.Uploader.swf 4KB App_Data Test.htm 453B
ico-arrow.gif 9KB
FlashFileUpload_src.zip 5KB FancyUpload2.js 9KB file.png 1008B progress.gif 796B FancyUpload.htm 5KB uploading.png 1KB Upload ico-arrow.gif 9KB Fx.ProgressBar.js 849B bar.gif 163B Default.aspx.cs 2KB
- 1
- 2
- 3
- 4
前往页