使用jquery加载gravatar

前端之家收集整理的这篇文章主要介绍了使用jquery加载gravatar前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
只是试图在博客上装箱一个简单的评论表单。当他/她在电子邮件箱中写入时,我想加载用户的gravatar(使用jQuery)。

我怎样才能做到这一点?

解决方法

gravatar url看起来像这样:
http://www.gravatar.com/avatar/<md5hashofemail>

Here are the rest of the options for the URL.

所以你要做的就是包括一个名为md5的函数,返回用户电子邮件的md5哈希值。有很多网路做到这一点,但我相信this one运作良好。之后,只要做:

// get the email
var email = $('#email').val();
// -- maybe validate the email? 

// create a new image with the src pointing to the user's gravatar
var gravatar = $('<img>').attr({src: 'http://www.gravatar.com/avatar/' + md5(email)});
// append this new image to some div,or whatever
$('#my_whatever').append(gravatar);

// OR,simply modify the source of an image already on the page
$('#image').attr('src','http://www.gravatar.com/avatar/' + md5(email));

我以为这是显而易见的,但我会补充一下以后的缘故:

如果用户电子邮件是私人的,并且您在列表中显示此ala-stackoverflow,则可能会更好地编码服务器上的电子邮件,以便在查看源时不会公开显示用户的电子邮件

猜你在找的jQuery相关文章