skin-addattachement.ascx

本系统是在asp版《在线文件管理器》的基础上设计制作

<style>

.progressBar{
	width: 250px;
	height: 18px;
}
.progressInfo{
	width: 250px;
	height: 18px;
	border: 1px solid #000000;
	overflow: hidden;
	text-align: center;
	font-size: 9pt;
	padding-top: 1;
	position: absolute;
}
.progress{
	background-color: #5FFF3F;
	width: 10%;
	height: 18px;
	overflow: hidden;
}
.FileInfo{
	width: 250px;
	text-align: center;
	height: 20px;
}
#theForm{
	font-size: 9pt;
}

</style>
<div id = "theForm">
<P id="pFile" style="display:none;">
单击“浏览”选择文件，或在下面的框中键入文件的路径。<br>
<LABEL for="<%=FileToUpload.ClientID%>">查找文件:</LABEL>
<INPUT id="FileToUpload" type="file" runat="server">
<br>
附件最大不能超过 200 KB
<br>
支持的附件扩展名：jpg;
</P>
<p id="pProgress">
<div class="FileInfo">照片.rar (5632 KB)</div>
<div id="progressBar" class="progressBar">
	<div class="progressInfo" id="progressInfo" onselectstart="return false;">
		&nbsp;照片
	</div>
	<div class="progress" id="progress">
	</div>
</div>			
</p>
<P id="buttons"> 
	<asp:Button id="btnUpload" runat="server" Text="  上传  "></asp:Button>&nbsp;&nbsp;&nbsp;&nbsp;
	<INPUT type="button" value="  取消  " onclick="UploadCancel()">
</P>
</div>