zoukankan      html  css  js  c++  java
  • 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

    附件列表

  • 相关阅读:
    Spring Boot四:配置文件详解properties
    程序员常去的14个顶级开发社区
    Spring Boot二:创建第一个web工程 hello world
    Java架构工程师知识图
    Java高效开发12个精品库
    华为员工:表面光鲜 工作十年买不起房
    如果你是一个程序员,又要踏足人工智能领域,应该要知道哪些语言
    H5表单提交上传图片
    转:正则表达式
    转载:jsp九大内置对象和四大作用域
  • 原文地址:https://www.cnblogs.com/nangong/p/d30c1035f17fe07d812819fb2202d5d7.html
Copyright © 2011-2022 走看看