在.net里面使用Gravatar头像-幸凡学习网

最近准备把博客改进一下。因为看了很多wordpress的博客都很漂亮。一是用户评论加个头像。所以就碰到了Gravatar全球通头像。顺便把这些自己学来的分享给大家！

好久没写过东西了

趁晚上有空随便画点吧

Gravatar全称是Globally Recognized Avatar，是一个和Email关联的头像服务，详细介绍引用段百度百科吧：

　　Globally Recognized Avatar的缩写,是 http://www.gravatar.com 推出的一项服务，意为“全球通用头像”。如果在Gravatar的服务器上放置了你自己的头像，那么在任何支持Gravatar的blog或者留言本上留言时，只要提供你与这个头像关联的email地址，就能够显示出你的Gravatar头像来。

　　怎样申请Gravatar？

　　步骤很简单，如果你也有兴趣想做看看，就跟着一起试作吧：

　　(一)、首先是到Gravatar网站上去注册一个账号，很简单，只要填写一个你最常用的email，接着输入两次密码，送出之后，系统会寄一封确认信到你的信箱，开信，点一下启用账号连结即可。

　　(二)、接着，到Gravatar去登入，登入后，就可以开始上传你的图片了。上传的尺寸的长和宽的范围在80-512像素之间即可。Gravatar会提供自动裁剪工具。格式支持JPG／GIF／PNG，推荐使用JPG和PNG格式（Gravatar已经支持透明PNG图片）。另外，Gravatar在11月底开始支持摄像头拍照功能，这项功能由来自中国的工程师设计、开发。图片上传完成后，等待着网站的管理员对头像图片分级(G 普通级、PG 辅导级、R 和 X 为限制级)。

　　注：一般来说24-72小时就可以审核通过。如果图片不含暴力或者暴露内容，多半会得到G级别的等级。

　　通过之后这个头像就可以使用了。在任何支持Gravatar的地方，在填写email地址时，请填写你申请注册头像用的这个email地址。你的头像就会出现在留言中。

　　另：WordPress2.5之后已经直接支持Gravatar，如果想在老版本的WordPress的留言中显示Gravatar头像，可以安装Gravatar2插件，它是由Gravatars改进而来，能缓存头像，这样可以减轻Gravatar的负担和加快显示速度。官方也提供了WordPress Gravatar Plugin插件。

貌似蛮好玩的

如何在我们的页面中使用Gravatar呢？

Gravatar提供了多种语言的编程示例，详细可以看：http://en.gravatar.com/site/implement/

这里来说说APS.NET的吧

其实官方的示例已经很明白了：http://www.freshclickmedia.com/blog/2008/02/gravatar-aspnet-control/

简单说下，先下载控件动态链接库：下载

然后在工程里添加引用（如下图）：

然后在页面头上加上:

<%@ Register Assembly="FreshClickmedia.Web" Namespace="FreshClickMedia.Web.UI.WebControls" TagPrefix="fcm" %>

然后页面里就可以用了：

<fcm:Gravatar ID="Gravatar1" runat="server" DefaultImage="http://www.silverlight.net/content/general/events/scottgu.jpg" Size="80" Email="****" MaxAllowedRating="PG"  />

以上这个方法可行。但是要加控制我觉得还是有点麻烦!所以想自己写成不需要控件的。好的，继续往下看！

常用的属性：

DefaultImage：如果没有设置头像时显示的默认头像，支持JPG、PNG等，注意必须是图片的完整地址，相对路径可不行…

Size：头像的大小（貌似默认头像都是方的…）

Email：邮箱地址，Gravatar是根据邮箱来显示头像的，邮箱在显示时是MD5加密的，所以不用担心邮箱地址泄露，而且这个是必填的额，没有的话会报错…

MaxAllowedRating：允许图片的最大级别，Gravatar对图片是分集的，有以下几种级别：

1> G：普通级 适合于任何人在任何类型的所有网站中使用。

2> PG：辅导级 所显示的头像的内容可能包含粗鲁的手势，衣着暴露或者是轻度的暴力。

3> R：限制级 显示头像可能含有强烈的暴力，裸露或者吸毒这样的事情。

4> X：限制级 可能包含极其令人不安的暴力。

OutputGravatarSiteLink：是否显示Gravatar的链接，默认为True

LinkTitle：鼠标放在头像上显示的文字，默认为Get your avatar

ToolTip：其实和LinkTitle一样，都是相当于a标签的Title

基本属性就这么多，打开页面看看效果：

不过这个控件有点小BUG，比如我们在页面里不设置Email链接，而code behind里设置，再在页面里加一个Button以触发页面回掉，代码如下：

HTML：

  <%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
	  <%@ Register Assembly="FreshClickmedia.Web" Namespace="FreshClickMedia.Web.UI.WebControls" TagPrefix="fcm" %> 
	  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
	  <html xmlns="http://www.w3.org/1999/xhtml"> 
	  <head runat="server"> 
	      <title></title> 
	  </head> 
	  <body> 
	      <form id="form1" runat="server"> 
	    <div> 
	        <fcm:Gravatar ID="Gravatar1" runat="server"  
	             DefaultImage="http://www.silverlight.net/content/general/events/scottgu.jpg"  
	              Size="80" Email="" LinkTitle="Get your avatar!" MaxAllowedRating="PG"  
	            OutputGravatarSiteLink="true"   /> 
	        <br /> 
	        <br /> 
	        <asp:Button ID="Button1" runat="server" Text="Button" /> 
	    </div> 
	    </form> 
	</body> 
	</html>

Code Behind：

  using System; 
	  using System.Collections.Generic; 
	  using System.Linq; 
	  using System.Web; 
	  using System.Web.UI; 
	  using System.Web.UI.WebControls; 
	  using FreshClickMedia.Web.UI.WebControls; 
	  
	  public partial class index : System.Web.UI.Page 
	 { 
	       protected void Page_Load(object sender, EventArgs e) 
	       { 
	            if (!IsPostBack) 
		        { 
		             Gravatar1.Email = "******"; 
		         } 
		    } 
	}

看下效果：

嗯，打开一切正常，那么点击下Button试试，额，杯具了：

也就是说在后台代码添加Email地址的话，我们要确保每次在Page_Load里都需要执行，否则就会报错

感觉不大方便额…

我们来看下生成的代码吧：

<a id="Gravatar1" href="http://www.gravatar.com" title="Get your avatar!"><img width="80" height="80" src="http://www.gravatar.com/avatar.php?gravatar_id=f1cbc50ab2555a804214c94ad5b332da&amp;rating=PG&amp;size=80&amp;default=http%3a%2f%2fwww.silverlight.net%2fcontent%2fgeneral%2fevents%2fscottgu.jpg" alt="Gravatar" /></a>

很简单的Html代码，一个A标签和一个IMG标签

需要注意的是IMG的SRC：

http://www.gravatar.com/avatar.php?gravatar_id=f1cbc50ab2555a804214c94ad5b332da&amp;rating=PG&amp;size=80&amp;default=http%3a%2f%2fwww.silverlight.net%2fcontent%2fgeneral%2fevents%2fscottgu.jpg

这里有几个传值变量，对照控件的设置，我们可以很明显的了解变量的意思：

gravatar_id：Email地址的MD5

rating：允许头像的级别

size：头像的大小

default：默认头像的URL

那么就很简单了，我们在页面上放一个Image：

<asp:Image ID="Image1" runat="server" style="height:80;width:80;" />

然后Code Behind里写上：

  using System;
	  using System.Collections.Generic;
	  using System.Linq;
	  using System.Web;
	  using System.Web.UI;
	  using System.Web.UI.WebControls;
	 
	  public partial class index : System.Web.UI.Page
	  {
	     protected void Page_Load(object sender, EventArgs e)
	     {
	             string imageurl ="http://www.gravatar.com/avatar/"+FormsAuthentication.HashPasswordForStoringInConfigFile(lists.ToString(), "MD5").ToLowerInvariant() + ".jpg?s=80&d=monsterid";
	             Image1.ImageUrl = imageurl.ToLower();//注意，加密后后默认为大写，，需要转成小写
	     }
	}

打开看看效果：

其实这样在添加的时间是没问题。但是如果是在repeater里面估计就有点麻烦了。所以我还是把这个写成一个方法。以便repeater调用。

后台代码

using System;
using System.Data;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;

public string setimage(string lists)
    {
        string imageurl = "http://www.gravatar.com/avatar/"+FormsAuthentication.HashPasswordForStoringInConfigFile(lists.ToString(), "MD5").ToLowerInvariant() + ".jpg?s=80&d=monsterid";
        return imageurl;
    }

前台代码

<asp:Repeater ID="pllist" runat="server" onitemcommand="pllist_ItemCommand">
	<ItemTemplate>              
		<div><a href="javascript:;"><asp:Image ID="Image1" runat="server" style="height:80px;width:80px;" ImageUrl=''<%# setimage(Eval("come_email").ToString())%>'' /></a></div><!--此处的ImageUrl属性外面要两个单引号改成一个单引号-->
	</ItemTemplate>
</asp:Repeater>

好了大功告成了。我已经成功了。你们呢？

如需转载请注明出处:http://www.86y.org/art_detail.aspx?id=289【在.net里面使用Gravatar头像】幸凡学习网