• 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

    附件列表

  • 相关阅读:
    css的继承问题
    js弹出层
    实现网页弹出框后背景不能滑动的效果
    vue的爬坑之路(四)之基于vuecli 动态添加iconfont的symbol方法
    vue的爬坑之路(五)之基于vuecli li列表的显示隐藏
    自定义复选框checkbox样式
    vue的爬坑之路(三)之基于vuecli的VueAwesomeSwiper轮播滑块插件的使用及常见问题
    iOS 开发学习总结
    (转载)iOS股票k线组件源码,支持其他图表类型
    iOS Objective C Memory management
  • 原文地址:https://www.cnblogs.com/nangong/p/d30c1035f17fe07d812819fb2202d5d7.html
Copyright © 2020-2023  润新知