파일 정보를 숨기도록 DropZone을 구성하는 방법

Question

Dropzone 폼을 만들지 않고 div를 만든 다음 JavaScript 및 Jquery를 사용하여 구성합니다.

누구든지 내 DropZone을 구성하여 파일 정보, 이름 및 크기를 숨길 수 있습니까? docs에서

Answer 1

: DROPZONE하여 각 파일에 대해 생성됩니다

html로는 옵션 previewTemplate으로 정의이있는 기본값 :

<div class="dz-preview dz-file-preview"> 
    <div class="dz-details"> 
    <div class="dz-filename"><span data-dz-name></span></div> 
    <div class="dz-size" data-dz-size></div> 
    <img data-dz-thumbnail /> 
    </div> 
    <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div> 
    <div class="dz-success-mark"><span>✔</span></div> 
    <div class="dz-error-mark"><span>✘</span></div> 
    <div class="dz-error-message"><span data-dz-errormessage></span></div> 
</div> 

바로 위의 HTML에 previewTemplate 옵션을 설정하지만, .dz-filename 및 .dz-size 요소가 제거되었습니다.

당신이 원하는 템플릿은 아마도 :

<div class="dz-preview dz-file-preview"> 
    <div class="dz-details"> 
    <img data-dz-thumbnail /> 
    </div> 
    <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div> 
    <div class="dz-success-mark"><span>✔</span></div> 
    <div class="dz-error-mark"><span>✘</span></div> 
    <div class="dz-error-message"><span data-dz-errormessage></span></div> 
</div>