HTML服务器控件介绍:HtmlInputFile控件

2009-02-27 01:18:07  来源:网页教学网 

WebjxCom提示:HtmlInputFile控件用来控制input type="file"元素。在HTML中,此元素用来上载文件到服务器。

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlInputFile控件

定义和用法

HtmlInputFile控件用来控制<input type="file">元素。在HTML中,此元素用来上载文件到服务器。


属性

属性 说明
Accept 可接受的MIME类型的清单
Attributes 返回此元素所有属性名和属性值
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
id 此控件的唯一id
MaxLength 此元素中允许的最大字符数
Name 此元素的名称
PostedFile 获取被投递文件
runat 规定此控件是服务器控件。  必须被设置为"server"
Size 此元素的宽度
Style 设置或返回应用于此控件的CSS特性
TagName 返回此元素的标签名称
Type 此元素的类型
Value 此元素的值
Visible 指明此控件是否可见的一个布尔值

示例

在此示例中我们在一个.aspx文件中声明一个HtmlInputFile控件、一个HtmlInputButton控件及三个HtmlGeneric控件(要记住把控件嵌入HtmlForm控件中)。当提交按钮被触发的时候,submit子程序被执行。文件名和文件类型被显示于页面,同时此文件本身被上载到服务器的路径c:看到本信息说明该文是通过网页教学(webjx.com)整理发布的,请不要删掉!

<script runat="server">
Sub submit(Sender as Object, e as EventArgs)
  fname.InnerHtml=MyFile.PostedFile.FileName
  clength.InnerHtml=MyFile.PostedFile.ContentLength
  MyFile.PostedFile.SaveAs("c:\uploadfile.txt")
End Sub
</script>
<html>
<body>
<form method="post"
enctype="multipart/form-data" runat="server">
<p>
Select file to upload to server:
<input id="MyFile" type="file" size="40" runat="server"> 
</p>
<p>
<input type="submit" value="Upload!" OnServerclick="submit"
runat="server">
</p>
<p>
<div runat="server">
  FileName: <span id="fname" runat="server"/><br />
  ContentLength: <span id="clength" runat="server"/> bytes
</div>
</p>
</form>
</body>
</html>

更多

推荐文章