UploadFile控件，提交图片后，页面预览显示刚刚提交的图片

最近在用asp.net来写一个新闻系统后台，然后由于不用用网上的flash插件来上传图片什么的，我就用asp.net的控件来写，但是控件总归有一些用的不够灵活的地方。这次测试提出，文章在修改的时候，需要显示图片的预览图，以前之后一个UploadFile控件，是不支持预览图片的，这次为了解决预览的问题，就用了以下的方法，现在把思路和代码发上来，供大家参考，共同进步。
流程大概如下：

1、先在页面拖放一个UploadFile控件，然后再选择文件；
2、再拖放一个button控件，然后点击提交。
3、这时候，页面会把UploadFile的文件提交到后台，此时，文件已经被上传了。
4、然后页面会再次刷新，在刷新之前，提交的之后，我们只需要添加以下代码就足够了：

protected void btnAdd_Click(object sender, EventArgs e)
{
string strTitleName = txtTitle.Text.Trim();
string strNewsPic = fileUploadPic.PostedFile.FileName;
string strOldPic = imgPic.ImageUrl;
if (!string.IsNullOrWhiteSpace(strNewsPic))
{
//上传文件到服务器
strNewsPic = strNewsPic.Substring(strNewsPic.LastIndexOf("\\") + 1);// 取出文件名的路径（不包括文件的名称）
string upload_pic = Server.MapPath("attached/") + strNewsPic;//取出服务器虚拟路径,存储上传文件
fileUploadPic.PostedFile.SaveAs(upload_pic);//开始上传文件
}

string strContent = txtContent.Text.Trim();

string strMsg;
if (ModifyObject(strTitleName, strNewsPic, strContent, out strMsg))
{
id = Request.QueryString["id"];
int iID = DataFormat.ConvertDBNullToInt32(id);
newslist aNews = dataLoader.getNewsByID(iID);
if (aNews != null)
{
imgPic.ImageUrl = "/newsAdmin/attached/" + aNews.picPath;
txtTitle.Text = aNews.name;
txtContent.Text = aNews.content;
}
Response.Write("<script>alert('提交成功！')</script>");
//Response.Write("提交成功！");
}
else
{
Response.Write("<script>alert('提交失败，请重试。')</script>");
//Response.Write("提交失败，请重试。");
}
//Response.End();
}

对代码看不懂，建议下载附件来看，有完整代码。 附件如果未能正常上传，请在评论中留下邮箱，我看到后会发给您。。

好了，本次经验分享到此结束，转载请保留原作者地址以及姓名（本人无偿分享经验，有偿接单制作APP（基于MUI，HTML5+Webservice）和中小型管理系统（基于EasyUI，asp.net，例如项目管理，中介管理，公司内部管理系统、农家乐系统等。），有需要可以联系我。）；

作者：南宫萧尘
E-mail：314791147@qq.com
QQ：314791147
日期：2016-04-25

附件列表