1.隐藏控件两种办法:
2.点击按钮控件实现激活FileUpload控件
页面源代码:添加一个FileUpload控件,一个Input(File)控件
<input id="Button1" type="button" value="button" onclick="Button1_onclick()" />
<asp:FileUpload ID="FileUpload1" runat="server" />
添加javascript,Button1的onclick事件
3.FileUpload控件选定文件后在页面上及时显示文件客户端路径
页面源代码:添加一个Label 控件
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
添加javascript
页面cs代码:
protected void Page_Load(object sender, EventArgs e)
{
this.FileUpload1.Attributes.Add("onchange", "label_text();"); //添加处理函数
}
4.FileUpload控件选定图片后在页面上及时预览图片
页面源代码:添加一个Image控件, 一个FileUpload控件
<asp:FileUpload ID="FileUpload1" runat="server" onpropertychange="show(this.value)"/>
<asp:Image ID="Image1" runat="server" />
添加javascript
<script language="javascript" type="text/javascript">
function show(id)
{
//将FileUpload取得的图片客户端路径给传值给Image1.src
document.getElementById("Image1").src=id;
}
</script>
5.FileUpload控件选定图片后在页面上及时预览图片(通过滤器实现)
页面源代码:添加一个div
<div id="divview" style="filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH: 166px; HEIGHT: 190px">
<!--用于显示图片-->
</div>
<asp:FileUpload ID="FileUpload1" runat="server" onpropertychange="show(this.value)"/>
添加javascript
6.动态添加FileUpload控件
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Panel ID="Panel1" runat="server"></asp:Panel>
页面cs代码:
7.批量上传文件
页面cs代码: