Twig文件中的Jquery文件上传器无法正常工作

时间:2014-05-08 10:47:29

标签: symfony

我正在使用此代码用于jquery文件上传程序我发现(插件)在这个文件中给出了一些我已经包含但仍然在我的twig文件中出错的文件。

Lib文件是:tmpl.min.js

错误 - :未关闭和意外字符“;”在第1行

<script id="template-upload" type="text/x-tmpl">
    Line 1:     {% for (var i=0,file; file=o.files[i]; i++) {  %}

             <tr class="template-upload fade">
                <td>
                   <span class="preview"></span>
                </td>
               <td>
                <p class="name">{%=file.name%}</p>
                {% if (file.error) { %}
                    <div>
                 <span class="label label-danger">Error</span>    {%=file.error%}   </div>
                {% } %}
            </td>
            <td>
                <p class="size">{%=o.formatFileSize(file.size)%}</p>
                {% if (!o.files.error) { %}
                    <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                    <div class="progress-bar progress-bar-success" style="width:0%;">   </div>
                         </div>
                    {% } %}
                </td>
                <td>
                     {% if (!o.files.error && !i && !o.options.autoUpload) { %}
                         <button class="btn blue start btn-sm">
                        <i class="fa fa-upload"></i>
                        <span>Start</span>
                        </button>
                    {% } %}
                    {% if (!i) { %}
                        <button class="btn red cancel btn-sm">
                        <i class="fa fa-ban"></i>
                        <span>Cancel</span>
                       </button>
                    {% } %}
                </td>
            </tr>
        {% } %}
     </script> 

任何人都可以帮助我,确切的错误是什么。我无法理解。

1 个答案:

答案 0 :(得分:3)

错误是因为模板语法冲突。您的javaScript模板库使用相同的{% %}代码块。

您可以告诉twig不要使用verbatim

解析您的js模板
{% verbatim %}

       Put your js template script here        

{% endverbatim %}

快乐的编码!!