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

Dear 丶 2022-09-18 14:54 190阅读 0赞

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

![Center][]

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

代码很简单（自己考虑的时候一直受到思维限制，使用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" οnchange="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：如果直接使用一般处理程序返回的是字符串（头像的相对地址），不能正常显示图片，在浏览器的调试下把相对地址拷过去可以正常显示图片，为什么返回的是二进制流就可以读取头像，二者的区别是什么呢？请高手指导。

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

[Center]: /images/20220828/d114971e23c14ed598bda133c096a323.png