FancyUpload+ASP.NET大文件上载资源-CSDN文库

共24个文件

png：4个

js：4个

cs：3个

Fancy,ASP.NET,大文件上载

4星 · 超过85%的资源需积分: 3 20 浏览量 2008-05-21 13:21:34 上传评论收藏 381KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

fancy.rar （24个子文件）

Swiff.Uploader.js 3KB

FlashFileUpload_src.zip 5KB

success.png 844B

fileUpload.swf 48KB

Maps.aspx 1KB

Upload

fileUpload.fla 1.08MB

FlashFileUpload.swf 145KB

bar.gif 163B

App_Data

Fx.ProgressBar.js 808B

uploading.png 1KB

Default.aspx.cs 2KB

FancyUpload.htm 5KB

Web.config 480B

App_Code

Upload.cs 5KB

Default.aspx 2KB

mootools-trunk.js 87KB

progress.gif 796B

Maps.aspx.cs 402B

file.png 1008B

Test.htm 453B

failed.png 1KB

FancyUpload2.js 9KB

Swiff.Uploader.fla 83KB

Swiff.Uploader.swf 4KB

<!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>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <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>

评论收藏

内容反馈