动态添加上传文件

最新推荐文章于 2021-04-26 19:37:17 发布

weixin_30621711

最新推荐文章于 2021-04-26 19:37:17 发布

阅读量171

点赞数

CC 4.0 BY-SA版权

文章标签： c#

原文链接：http://www.cnblogs.com/yknb/archive/2006/06/29/438669.html

本文介绍了一个使用ASP.NET和C#实现的文件上传功能示例。通过客户端JavaScript与服务器端C#代码结合，实现了文件的选择与上传，并实时显示已选择文件的名称。此示例适用于初学者了解文件上传的基本流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ZKSTAT.WebForm1" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>WebForm1</title>

function mCreateFile(obj)

{

var eF;

var mName;

mFileName.innerHTML="";

if (obj.id=="File")

{

for (i=0;i<mFile.children.length-1;i++)

{

if (mFile.children[i].value=="")

{

mFile.removeChild(mFile.children[i])

}

else

{

mName=mFile.children[i].value.split("\\")

mFileName.innerHTML+="<div id=NameDetail title='"+mName[mName.length-1]+"'>"+mName[mName.length-1]+"</div>"

}

mstatus.innerHTML="总共有 <b>"+(mFile.children.length-1)+"</b> 个文件等待上传"

}

if (obj.id=="File_New")

{

eF=document.createElement('<input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)">')

mFile.appendChild(eF)

obj.id="File"

}

</script>

<style>

table{

}{ FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3); }

input{

}{ border:1px soild #000000; font-family:Verdana,Arial,宋体; font-size:12px; padding:2px; }

#mTD{

}{ LINE-HEIGHT: 24px; }

#mFile{

}{ width:203px; float:left; | #mFileName{ float:right; width:182px; }

#NameDetail{

}{ overflow:hidden; width:176px; color:#000000; font-family:Verdana,Arial,宋体; font-size:12px; cursor:default; height:22px; }

#mstatus{

}{ font-size:12px; color:#ff0000; }

</style>

</HEAD>

<body>

<table border="1" width="420" style="BORDER-COLLAPSE: collapse" bordercolor="#0066cc" cellpadding="4"

bgcolor="#d0f0ff">

<tr>

</tr>

<tr>

<div id="mstatus">总共有 <b>0</b> 个文件等待上传</div>

</td>

</tr>

</table>

</div>

</form>

</body>

</HTML>

转载于:https://www.cnblogs.com/yknb/archive/2006/06/29/438669.html