asp.net中如何使用fileupload控件上传图片,上传后怎么显示在image控件上
时间: 2023-06-02 22:03:55 浏览: 288
可以通过以下步骤在 ASP.NET 中使用 FileUpload 控件上传图片并将其显示在 Image 控件上:
1. 在 ASP.NET 页面中添加 FileUpload 控件和 Image 控件。
2. 在页面的代码后台中添加以下代码:
```
protected void UploadButton_Click(object sender, EventArgs e)
{
if(FileUpload1.HasFile)
{
try
{
string filename = Path.GetFileName(FileUpload1.FileName);
FileUpload1.SaveAs(Server.MapPath("~/") + filename);
Image1.ImageUrl = "~/"+filename;
StatusLabel.Text = "Upload status: File uploaded!";
}
catch(Exception ex)
{
StatusLabel.Text = "Upload status: The file could not be uploaded. The following error occured: " + ex.Message;
}
}
}
```
3. 在代码后台中添加以下代码以处理 Image 控件的默认图像:
```
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
Image1.ImageUrl = "~/Images/default.jpg";
}
}
```
通过这些步骤,您可以在 ASP.NET 中使用 FileUpload 控件上传图片并将其显示在 Image 控件上。
阅读全文
相关推荐


















