2

zend framework 2.0에서 작동하는 blueimp/jQuery-File-Upload를 얻으려고합니다.zimp 프레임 워크 2에서 blueimp/jQuery-File-Upload 템플릿 업로드가 작동하지 않습니다.

폼을 넣고 내 view 스크립트 (index.phtml)의 layout.phtml에 모든 것이 작동합니다! 젠드 프레임 워크 (Zend \ Form \ Form)를 사용하여 양식을 만들면 양식이 표시되어야하지만 템플릿 업로드가 더 이상 나타나지 않아야합니다.

아무도 도와 줄 수 있습니까? 나는

<div class="container center_piece place_need"> 
<!-- The file upload form used as target for the file upload widget --> 
<form id="fileupload" action="//jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data"> 
    <!-- Redirect browsers with JavaScript disabled to the origin page --> 
    <noscript><input type="hidden" name="redirect" value="http://blueimp.github.io/jQuery-File-Upload/"></noscript> 
    <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> 
    <div class="row fileupload-buttonbar"> 
     <div> 
      <!-- The fileinput-button span is used to style the file input field as button --> 
      <span class="btn btn-success fileinput-button"> 
       <i class="glyphicon glyphicon-plus"></i> 
       <span>Add files...</span> 
       <input type="file" name="files[]" multiple> 
      </span> 
      <button type="submit" class="btn btn-primary start"> 
       <i class="glyphicon glyphicon-upload"></i> 
       <span>Start upload</span> 
      </button> 
      <button type="reset" class="btn btn-warning cancel"> 
       <i class="glyphicon glyphicon-ban-circle"></i> 
       <span>Cancel upload</span> 
      </button> 
      <button type="button" class="btn btn-danger delete"> 
       <i class="glyphicon glyphicon-trash"></i> 
       <span>Delete</span> 
      </button> 
      <input type="checkbox" class="toggle"> 
      <!-- The global file processing state --> 
      <span class="fileupload-process"></span> 
     </div> 
     <!-- The global progress state --> 
     <div class="col-lg-5 fileupload-progress fade"> 
      <!-- The global progress bar --> 
      <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 
       <div class="progress-bar progress-bar-success" style="width:0%;"></div> 
      </div> 
      <!-- The extended global progress state --> 
      <div class="progress-extended">&nbsp;</div> 
     </div> 
    </div> 
    <!-- The table listing the files available for upload/download --> 
    <table role="presentation" class="table table-striped"><tbody class="files"></tbody></table> 
</form> 
</div> 
<!-- Content --> 
... 
<!-- The template to display files available for upload --> 
<script id="template-upload" type="text/x-tmpl"> 
{% 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> 
     <strong class="error"></strong> 
    </td> 
    <td> 
     <p class="size">Processing...</p> 
     <div class="progress"></div> 
    </td> 
    <td> 
     {% if (!i && !o.options.autoUpload) { %} 
      <button class="start" disabled>Start</button> 
     {% } %} 
     {% if (!i) { %} 
      <button class="cancel">Cancel</button> 
     {% } %} 
    </td> 
</tr> 
{% } %} 
</script> 
<!-- The template to display files available for download --> 
<script id="template-download" type="text/x-tmpl"> 
{% for (var i=0, file; file=o.files[i]; i++) { %} 
<tr class="template-download fade"> 
    <td> 
     <span class="preview"> 
      {% if (file.thumbnailUrl) { %} 
       <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a> 
      {% } %} 
     </span> 
    </td> 
    <td> 
     <p class="name"> 
      <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> 
     </p> 
     {% if (file.error) { %} 
      <div><span class="error">Error</span> {%=file.error%}</div> 
     {% } %} 
    </td> 
    <td> 
     <span class="size">{%=o.formatFileSize(file.size)%}</span> 
    </td> 
    <td> 
     <button class="delete" data-type="{%=file.deleteType%}" data-url="  {%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>Delete</button> 
     <input type="checkbox" name="delete" value="1" class="toggle"> 
    </td> 
</tr> 
{% } %} 
</script> 

답변

0

내가 코멘트를 추가 할 수 없습니다 index.phtml 내보기 스크립트의 내용입니다 .. 레이아웃에 .. 작동하지 않는,보기에 스크립트를 붙여 복사 시도 아직.

js 파일을 모두 포함하고 있습니까? 데모의 태그를 계속 사용하고 모든 태그가 일치하는지 확인해야합니다. Zend는 일부 태그 이름을 변경하지만 위의 코드가 데모와 일치하는 것처럼 보입니다.

<!-- The Templates plugin is included to render the upload/download listings --> 
<script src="http://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>