二进制数据流方式实现 个人头像的读取、上传、修改------善良公社项目

原创 2013年12月03日 00:14:47

       这几天自己在实现个人资料修改信息这块,首先当用户注册后并不能来的把所有详细信息都填写完整,所有这块需要用户通过修改用户上传自己的头像,首先系统会默认加载一个头像,如图:

现在系统是默认的,我点击修改资料的时候需要查出这个图片,再把我的头像传上去,即修改即可。

 

代码很简单(自己考虑的时候一直受到思维限制,使用js来实现(绕弯了)并没有会想如此简单(建新指导))

 

前台:

 

<div title="修改头像" style="overflow: auto; padding: 20px;">
                            <%--<form id="Form2" method="post" runat="server">--%>
                            <div id="localImag"   style="width: 350px; float: left">
                                <img id="preview" src="SearchPhoto.ashx"  />
通过调用一般处理程序绑定头像
                                
                            </div>
                            <div style="width: 100px; float: left">
                                <asp:FileUpload ID="FileUpload1" runat="server" onchange="javascript:setImagePreview(this,localImag,preview);" />
                                
                            </div>

 


一般处理程序:

 

 ////绑定数据源,将信息添加到Category

                StringBuilder strWhere = new StringBuilder();
                string UserID = context.Session["ID"].ToString();
                userInfo = userinfobll.GetEntity(UserID);
                string HeadImg = userInfo.HeadImg;//获取头像地址(我用的是相对路径)
string img = context.Server.MapPath(HeadImg);//把头像地址转换为绝地地址(受下面的要求)
                
                FileStream aFile = new FileStream(img, FileMode.OpenOrCreate, FileAccess.ReadWrite); // 以二进制方式读文件 
                
                BinaryReader brMyfile = new BinaryReader(aFile); // 创建一个二进制数据流读入器,和打开的文件关联 
               
                brMyfile.BaseStream.Seek(0, SeekOrigin.Begin); // 把文件指针重新定位到文件的开始  
               
                byte[] photo = brMyfile.ReadBytes(Convert.ToInt32(aFile.Length.ToString())); //获取照片的字节数组  
               
                brMyfile.Close(); // 关闭以上new的各个对象  

                context.Response.BinaryWrite(photo);//把图片的路径返回界面


这样轻松的根据数据库中的路径加载相应的图片,修改头像就是很简单了。(部分核心代码--贺刚博客分享)

if (this.FileUpload1.FileContent.Length >= 200000)//限制大小
            {
                Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('照片不能超过200KB!');</script>");
                return;
            }
            String fullfilename = this.FileUpload1.PostedFile.FileName;    //获取图片的绝对路径
            String filename = fullfilename.Substring(fullfilename.LastIndexOf("\\") + 1);//获取图片的名称
            String type = filename.Substring(filename.LastIndexOf(".") + 1).ToLower();            //获取图片的格式(类型)
            String Rename = Session["UserName"] + "_" + DateTime.Now.ToString("yyyyMMddHHmmss");     //用户名+时间命名,避免上传图片命名重复
            string varToDirectory = Request.PhysicalApplicationPath + "touxiang";  //专门存放用户相册的文件
            //判断文件是否存在,不存在则创建该文件
            if (!Directory.Exists(varToDirectory))
            {
                Directory.CreateDirectory(varToDirectory);
            }
            if (type == "jpg" || type == "png" || type == "jpeg" || type == "gif")
            {

                userInfo.UserID = Int32.Parse(Session["UserID"].ToString());
                userInfo.HeadImg = "touxiang/" + Rename + "." + type;  //数据库中中图片的路径
 FileUpload1.SaveAs(Server.MapPath("touxiang") + "/" + Rename + "." + type);//将图片以相对路径保存,并以当前时间命名


 总结

        遗留下的问题:

        1:如果直接使用一般处理程序返回的是字符串(头像的相对地址),不能正常显示图片,在浏览器的调试下把相对地址拷过去可以正常显示图片,为什么返回的是二进制流就可以读取头像,二者的区别是什么呢?请高手指导。

 

         这段时间做系统,遇到的问题越来越多,见识也越多越广,好多知识等着去深刻理解、运用,打破思维的限制,大家共同努力啊。

 

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

SpringMVC+easyUI实现上传图片功能小例子

jsp: 上传图片 放在前面就行 --> func...

基于asp.net+ easyui框架,js提交图片,实现先上传图片再提交表单

上篇博客,我们简单的介绍了js实现上传图片之前判断图片格式,同时实现预览。这篇博客,给大家介绍如何上传图片,上传成功之后,再提交表单。下面我们进入正题:        像前面的博客一样,先给大家看一下...

Spring Cloud构建微服务架构(一)服务注册与发现

Spring Cloud简介 Spring Cloud是一个基于Spring Boot实现的云应用开发工具,它为基于JVM的云应用开发中的配置管理、服务发现、断路器、智能路由、微代理、控制总线、...

最危险的编程错误

最近CWE发布了2010年度最危险的编程错误Top 25的排名:《2010 CWE/SANS Top 25 Most Dangerous Programming Errors》http://cwe.m...

ASP.NET简单实现APP中用户个人头像上传和裁剪

最近有个微信项目的用户个人中心模块中,客户要求用户头像不仅仅只是上传图片,还需要能对图片进行裁剪。考虑到flash在IOS和Android上的兼容性问题,于是想着能从js这块入手,在网上发现了devo...

iOS应用上传个人头像

上传头像

仿微信 个人头像修改 popPopupWindow实现Menus从底部弹出

版权声明:本文为博主原创文章,未经博主允许不得转载。 先看效果图: 代码:自定义一个类 继承PopupWindows [java] view plain ...

仿微信 个人头像修改 popPopupWindow实现Menus从底部弹出

先看效果图 :
  • hzcfy
  • hzcfy
  • 2014年10月24日 15:39
  • 2119

基于easyui框架中input 类型的checkbox拼接成字符串存入数据库和读取选中---善良公社项目

整个实现功能接触了:eaui架构中页面如何加载数据、如何从json数据中拿到某个字段值的内容、把json数据存入list、通过小的for循环来实现数据的对比,实现功能主要来源于静下心来多多的思考,这方...
  • lishehe
  • lishehe
  • 2013年12月10日 19:20
  • 14238

jquery easyui datagrid 分页实现---善良公社项目

对于这样的框架还有很多值得我们学习的地方,上面的这些按纽都可以灵活的去添加,例如:添加导入、导出数据等,都容易实现,好的框架的学习,让我们学会了如何站在举人的肩膀上更快成长,具体的行动需要我们融入自己...
  • lishehe
  • lishehe
  • 2013年11月26日 13:42
  • 41908
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:二进制数据流方式实现 个人头像的读取、上传、修改------善良公社项目
举报原因:
原因补充:

(最多只允许输入30个字)