如何增加dropzone.js中的拖放区域?

时间:2017-09-01 12:03:25

标签: dropzone.js

我正在使用dropzoneJs在我的项目中上传视频。但它只取自一些地区。下图显示了该区域。

dropzone area1

我想增加上传区域,如下图所示,

enter image description here

如何做到这一点请帮助我。

代码

 <tr class="tb-upload-content">
    <td class="label-info">
       <label for="">Content</label>
    </td>
    <td class="td-form-item">
       <div class="row">
          <div class="upload-drag">
             <div id="dropzone_<?php echo $unique_id;?>" class="dropzone">
                <h5 class="sm black">Upload file Here</h5>
             </div>
          </div>
       </div>
    </td>
 </tr>

1 个答案:

答案 0 :(得分:1)

在没有您提供HTML代码的情况下,我可以看到您可以在CSS中执行以下操作:

.dz-default {
 width: 594px;
 height: 115px;
}

您可能需要在课程中添加一些负边距,并且我认为该框将从现在的位置向下移动115px。因此,弄清楚从顶部到div的开始有多少空间,然后将其添加为-margin-top。保证金左侧相同。因为.dz-default类显然已经留下了一些填充或边距。