如何创建检查文件扩展名的 Handlebars 助手

Question

您好，我正在尝试检查我的文件的扩展名是 JPG、PNG、PDF、DOC 还是 Excel，以便根据文件扩展名显示图标。

var info = [
  {
    IdTrnx = 1234567
    files = [{
      0:"pic.jpg",
      1:"file.pdf"
    }]
  },
  {
    IdTrnx = 7654321
    files = [{
      0:"pic.png",
      1:"file.doc"
    }]
  }
]

那是我的对象。

这是我现在的车把。

<table id="tb-tickets" class="table">
    <thead>
        <tr>
            <th data-field=""># Transacción</th>
            <th data-field="">Tickets</th>
        </tr>
    </thead>
    <tbody>
        {{#each this}}
            <tr>
                <td>{{IdTrnx}}</td>
                <td>
                    {{#each files}}
                        <button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#fileModaltickets" data-file="{{this}}" id="getFile"><i class="fa fa-file-text-o"></i></button>
                    {{/each}}
                </td>
            </tr>
        {{/each}}
    </tbody>
</table>

Rigth 现在为每个文件显示相同的图标。我如何创建车把助手来检查扩展名并将图标设置为正确的扩展名。

Answer 1

这是声明助手的方式

Handlebars.registerHelper('checkExtension', function(item, options) {
    var regex = '/.*jpg|JPG|png|PNG|doc|DOC|xls|XLS|pdf|PDF$/';
    if (item.match(regex)) {
      return "checked";
    } else {
      return "";
    }
});

这是您模板中的用法：

<button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#fileModaltickets" data-file="{{this}}" id="getFile" {{checkExtension this}}><i class="fa fa-file-text-o"></i></button>

如果您的文件具有正确的文件扩展名

，这将添加单词 "checked"

如何创建检查文件扩展名的 Handlebars 助手

How to create a Handlebars helper that check for the file extension

html

javascript

handlebars.js