我的静态网站中的Gravatar图像

时间:2014-03-05 01:40:34

标签: javascript image-processing gravatar

我需要在我的网站上导入当前的gravatar图像,这样无论何时在gravatar中更改它都会自动在我的网站中更改它...

我不想要php,python或任何此类...我只需要一个简单的链接..或者可能是简单的javascript ..我可以包含在IMG标签中,当他们在gravatar中更改时会自动更改图片在我的网站上。

我尝试使用php脚本,但我不想使用php。

对于以.html页结尾的网站,我需要一个简单的解决方案。

3 个答案:

答案 0 :(得分:2)

答案 1 :(得分:2)

这里描述了极其简单的API:http://en.gravatar.com/site/implement/images/

  1. 获取用户电子邮件地址。
  2. Hash it.
  3. 使用http://www.gravatar.com/avatar/{hash}
  4. (我所做的只是谷歌“Gravatar API。”你自己也不难做到这一点。)

答案 2 :(得分:0)

首先,您需要创建电子邮件地址的MD5哈希值。您可以使用Crypto-JS。请注意,您要将电子邮件地址转换为全部小写并删除任何空格。

接下来,您必须使用proper URL创建图像。基本上,格式为http://www.gravatar.com/avatar/<Hash>,其中<Hash>是您刚创建的哈希。

这似乎有效,至少对我的电子邮件地址有用:

<html>
<body>
<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/md5.js"></script>
<script>
   var hash = CryptoJS.MD5("user3259486@gmail.com");
   document.write('<img src="http://www.gravatar.com/avatar/' + hash + '" />');
</script>
</body>
</html>

Fiddle