JSP基于mootools的flash多文件上传组件_mootools多图片上传资源-CSDN文库

共19个文件

js：5个

gif：2个

jsdtscope：1个

JAVA

mootools

flash

upload

1星需积分: 12 148 浏览量 2012-05-29 09:52:07 上传评论收藏 76KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

swfupload_test1.rar （19个子文件）

swfupload_test1

.settings

org.eclipse.wst.jsdt.ui.superType.name 6B

org.eclipse.core.resources.prefs 200B

org.eclipse.wst.jsdt.ui.superType.container 49B

.jsdtscope 500B

src

.project 1KB

WebRoot

upload

demo.jsp 7KB

multi-upload.js 9KB

btnbg.gif 9KB

attachment_ico.gif 931B

demo.html 5KB

META-INF

MANIFEST.MF 39B

WEB-INF

web.xml 381B

classes

lib

mootools

mootools-1.2-more.js 41KB

mootools-1.2-core-nc.js 98KB

mootools-1.2-ext.js 1KB

swfupload

swfupload.js 36KB

swfupload.swf 12KB

.mymetadata 318B

.classpath 362B

.myeclipse

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>安徽省公路建设市场信用信息管理系统</title> <link href="styles.css" rel="stylesheet" type="text/css" /> <script language="javascript" src="jquery.js"></script> <script type="text/javascript" src="../js/SWFUpload.js"></script> <style type="text/css"> *{font-size:12px;} /*进度条*/ .progress{width:100px;float:left;border:1px solid #006600;margin-top:2px;margin-right:5px;} .progress span {background:green;height:8px;line-height:8px;overflow:hidden;text-align:center;display:block;float:left;width:0%;} /*附件列表*/ .attachment{margin:0;padding:5px;background:#f9e8c3;clear:both;margin-top:28px;} .attachment ul{margin:0;padding:0} .attachment ul li{list-style:none;background:url(attachment_ico.gif) no-repeat left center;display:block;clear:both;padding-left:20px;height:20px;line-height:20px;} .name{float:left;margin-right:10px;font-family:Arial} a.redLink:link{color:#993300;text-decoration:none;} a.redLink:visited{color:#993300;text-decoration:none;} a.redLink:hover{color:#993300;text-decoration:underline;} a.redLink:active{color:#993300;text-decoration:underline;} /*上传附件按钮*/ .btn{background:url(btnbg.gif) no-repeat 0 0;display:block;float:left;padding:0 0 0 6px;margin:0 3px 0 0;} .btn span{line-height:24px;background:url(btnbg.gif) no-repeat right -24px;cursor:pointer;height:24px;display:block;float:left;padding:0 6px 0 0 ;} .hoverBtn{background:url(btnbg.gif) no-repeat 0 -144px;display:block;float:left;padding:0 0 0 6px;margin:0 3px 0 0;} .hoverBtn span{line-height:24px;background:url(btnbg.gif) no-repeat right -168px;cursor:pointer;height:24px;display:block;float:left;padding:0 6px 0 0;color:#b44801} .downBtn{background:url(btnbg.gif) no-repeat 0 -96px;display:block;float:left;padding:0 0 0 6px;margin:0 3px 0 0;} .downBtn span{line-height:24px;background:url(btnbg.gif) no-repeat right -120px;cursor:pointer;height:24px;display:block;float:left;padding:0 6px 0 0;} .btn img,.hoverBtn img,.downBtn img{margin:4px 3px 0 0;float:left} /*表格表单布局样式*/ .tableForm{width:100%;border-collapse:collapse;margin-top:5px;margin-bottom:5px;} .tableForm th {padding:2px;text-align:left;font-size:12px;border:1px solid #b7c5dc;text-align:center;background:#d9e5f3;} .tableForm td {padding:2px 4px;text-align:left;color:#000;border:1px solid #c9d1d6;} </style> <script type="text/javascript"> var progress_node_id = "progress"; function SetProgress(progress) { if (progress) { $("." + progress_node_id + " > span").css("width", String(progress) + "%"); //$("#" + progress_node_id + " > span").html(String(progress) + "%"); } } var i = 0; function doProgress() { if (i > 100) { // alert("Progress Bar Finished!"); $(".progress").remove();//百分百时移出进度条 return; } if (i <= 100) { setTimeout("doProgress()", 1); SetProgress(i); i++; } } $(document).ready(function() { doProgress(); }); </script> </head> <body> <table border="0" cellpadding="0" cellspacing="1" class="tableForm"> <tr> <td width="80%" height="36"> <div class="btn" onmouseover="this.className='hoverBtn'" onmousedown="this.className='downBtn'" onmouseout="this.className='btn'"><span><img src="attachment_ico.gif" width="15" height="13" />浏览</span></div> <div class="attachment"> <ul> <li> <div class="name">人人都是产品经理》电子书.pdf (10.43M)</div><a href="#" class="redLink">删除</a> </li> <li> <div class="name">人人都是产品经理》电子书.pdf (10.43M)</div><div class="progress"><span></span></div><a href="#" class="redLink">删除</a><a href="#"></a> </li> <li> <div class="name">人人都是产品经理》电子书.pdf (10.43M)</div><div class="progress"><span></span></div><a href="#" class="redLink">删除</a><a href="#"></a> </li> </ul> </div> </td> </tr> </table> </body> </html>

评论收藏

内容反馈