2017-12-14 32 views
0

Dropzoneフォームを作成するのではなく、divとし、JavaScriptとJqueryを使用して設定します。DropZoneを設定してファイル情報を非表示にする方法

誰でも私のDropZoneを設定してファイルの情報、名前、サイズを隠す方法を教えていただけますか?ドロップゾーンでファイルごとに生成されるHTMLは、このデフォルトオプションpreviewTemplateで定義されて

docsから

答えて

0

<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> 
関連する問題