如何将 Dropzone 设置为较小的区域答案

【问题标题】：How can I setup Dropzone to a Smaller Area如何将 Dropzone 设置为较小的区域
【发布时间】：2021-07-05 16:13:18
【问题描述】：

我正在使用从这个网站获得的 Dropzone 代码

在这个例子中，dropzone 是整个屏幕的宽度。我想将该尺寸减小到大约 400 到 500 像素。当我减小 div 的大小时，我只能在它停止上传文件之前删除 2 个文件。第三个文件刚刚在浏览器中打开，我认为这表明我不在 dropzone 之外。

我相信，如果我减小显示在拖放区中的图标大小，我将能够添加更多文件。谁能告诉我在 css 文件中的哪个位置可以调整这些项目的大小？

【问题讨论】：

css 文件名为 dropzone.css，它必须在您的根文件夹中，我相信更改显示的属性在 dz-preview、dz-image 和 dz-details 类中。而且我认为它并没有停止上传文件，只是你看不到缩小 div 的第三个文件。

标签： dropzone.js dropzone

【解决方案1】：

我能够使用此设置使其正常工作

 <asp:Panel ID="pnlStealthStat" runat="server" Visible="false">
            <div id="dZUpload" class="dropzone" style="height:auto;margin-top:5px;">
                <div class="dz-default dz-message"> Drop Stealth Stats Files Here</div>
            </div>
        </asp:Panel>

此设置是引导列的一部分，并且按预期运行

【讨论】：