asp.net中如何使用fileupload控件上传图片,通过单击按钮上传后显示在image控件上
时间: 2023-06-02 19:03:59 浏览: 103
ASP.NET使用fileupload控件上传图片
5星 · 资源好评率100%
可以在ASP.NET的前端页面上使用FileUpload控件和ImageButton控件以实现上传和显示图片的功能。具体步骤如下:
1.在前端ASP.NET页面添加FileUpload和ImageButton控件,例如:
```
<asp:FileUpload ID="fileUpload" runat="server" />
<asp:ImageButton ID="btnUpload" runat="server" OnClick="btnUpload_Click" />
<asp:Image ID="imgUpload" runat="server" />
```
2.在CodeBehind中编写上传图片的函数,例如:
```
protected void btnUpload_Click(object sender, EventArgs e)
{
if (fileUpload.HasFile)
{
string fileName = Path.GetFileName(fileUpload.PostedFile.FileName);
string fileExt = Path.GetExtension(fileName);
if (fileExt.ToLower() == ".jpg" || fileExt.ToLower() == ".png")
{
string filePath = Server.MapPath("~/upload/") + fileName;
fileUpload.SaveAs(filePath);
imgUpload.ImageUrl = "~/upload/" + fileName;
}
}
}
```
3.在函数中进行图片格式和大小的校验,然后使用FileUpload控件的SaveAs方法保存上传的图片到服务器,最后将图片显示在Image控件上。
注意:以上代码仅供参考,具体实现可能需要根据实际情况进行修改。
阅读全文