jquery - 使用jquery加载头像

Question

只是想在博客上创建一个简单的评论表单。当用户在电子邮件框中写入此内容时，我想加载用户的头像(使用 jQuery)。

我怎样才能做到这一点？

Answer 1

头像网址如下所示:

http://www.gravatar.com/avatar/<md5hashofemail>

Here are the rest of the options for the URL.

因此，您所要做的就是包含一个名为 md5 的函数，该函数返回用户电子邮件的 md5 哈希值。网上有很多这样做的，但我相信https://github.com/blueimp/JavaScript-MD5/blob/master/README.md效果很好。之后，只需执行以下操作:

// 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));

我认为这是显而易见的，但为了后代我将添加它:

如果用户电子邮件是私有(private)的，并且您在列表中显示此 ala-stackoverflow，那么您最好在服务器上对电子邮件进行编码，以便在查看源代码时用户电子邮件不会公开可见。