• 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

    附件列表

  • 相关阅读:
    虫洞wormhole
    号码锁 Combination Lock
    滑雪课程设计Ski Course Design
    修理牛棚 Barn Repair
    JMeter录制脚本
    JMeter简单性能测试(适合初学者)
    JMeter Building a Database Test Plan
    JMeter脚本参数化和断言设置( CSV Data Set Config )
    JMeter分布式性能测试
    JMeter 参数化、检查点、集合点
  • 原文地址:https://www.cnblogs.com/nangong/p/d30c1035f17fe07d812819fb2202d5d7.html
Copyright © 2020-2023  润新知