Meteor, Javascript 为 Gravatar 创建哈希键

Question

我阅读了一些关于在 jQuery 中创建哈希键的帖子。

How to create a hashed email in jQuery?

所以我在我的流星中执行此操作以从 github 电子邮件地址获取 Gravatar 个人资料照片。但它不起作用。我认为 Hash Key 生成正确，但我不确定如何在 Meteor 中执行此操作。

以下是我的尝试。 在 HTML 文件中

      <template name="messages">
         {{#each messages}}
       <strong>{{name}}</strong> : {{message}}<br>
         {{/each}}
         <img src=img_add/>
      </template>

在 Javascript 文件中

 var hash = CryptoJS.MD5(git_email);
 var img_add = "http://www.gravatar.com/avatar/" + hash;

这会产生一个断开的链接。

如何在给定电子邮件地址的流星中插入个人 Gravatar 照片？

Answer 1

您需要像在 hello world 示例中一样使用帮助器。

您的客户端 javascript：

Template.messages.img_add = function() {
    var hash = CryptoJS.MD5(git_email);
    return img_add = "http://www.gravatar.com/avatar/" + hash;
}

您的模板：

 <img src={{img_add}}/>

或者，如果您想在 {{#each }} 循环中使用它，请使用此稍作修改并确保您的 {{img_add}} 助手位于 {{#each }} 块内。我不太确定您是如何处理变量的，但只要 git_email 在您循环访问的每个文档中。

Template.messages.img_add = function() {
    var hash = CryptoJS.MD5(this.git_email);
    return img_add = "http://www.gravatar.com/avatar/" + hash;
}