DropzoneJS thumbnailWidth 和 thumbHeight 不起作用答案

【问题标题】：DropzoneJS thumbnailWidth and thumbHeight don't workDropzoneJS thumbnailWidth 和 thumbHeight 不起作用
【发布时间】：2017-09-30 17:28:58
【问题描述】：

问题

我正在使用 dropzone 来处理多个图像上传。我希望它生成 280x280px 的缩略图。尽管我尽了最大的努力，它仍会不断生成 100x100 像素的缩略图。

代码

这是我的代码：

   Dropzone.options.addPhotosForm = {
     createImageThumbnails: true,
     thumbnailWidth: "280",
     thumbnailHeight: "280",
     ...
   }

这是我的联系表格：

      <form action="{{ route('store_photo_path', [$rooms->slug]) }}" 
          method="POST" class="dropzone" id="addPhotosForm">
        {{ csrf_field() }}
      </form>

这是我的 CSS：

.dropzone .dz-preview .dz-image {
      width: 280px;
      height: 280px;
    }

我尝试过使用和不使用引号，使用单引号和双引号。到目前为止没有任何效果。

你们知道可能是什么问题吗？

谢谢！

我已阅读并尝试过以下解决方案： quotes/no quotes, xhrs, any of these，和 jQuery.

解决方案：

我终于意识到我做错了什么。我在 Photo.php 文件中创建缩略图。在 makeThumbail 函数下，我有“->fit(100)”，它强制缩略图为 100x100 图像。将其更改为“->fit(280)”后，问题就解决了。

这是我的代码：

解决方案代码

public function makeThumbnail()
{
    Image::make($this->path)
        ->fit(280)
        ->save($this->thumbnail_path);
}

【问题讨论】：

您的表单 id 是“addPhotosForm”？
没错。 id="addPhotosForm"
我无法重现该问题，我使用了您的代码尖刺并得到了以下结果：dry-everglades-43790.herokuapp.com 似乎工作正常。它可能是您代码中的其他内容。
感谢@RabahG 和 Romias 的帮助。我注意到问题实际上出在创建缩略图的 Photo.php 文件中。不幸的是，我在调试时完全忘记了这个文件。我再次查看了代码，试图弄清楚缩略图是如何实际创建的，这让我回到了这里。

标签： dropzone.js

【解决方案1】：

除了修改缩略图的大小外，还需要相应地修改 CSS 文件中的 .dz-image 类。

【讨论】：

谢谢@Romias，我忘了在帖子中列出。你现在可以看到我的 CSS。不幸的是，这并没有帮助，至少对于我目前拥有的代码而言。知道为什么吗？
我完全按照这个问题没有结果：stackoverflow.com/questions/28031705/…

【解决方案2】：

解决方案：

这是我的代码：

public function makeThumbnail()
{
    Image::make($this->path)
        ->fit(280)
        ->save($this->thumbnail_path);
}

【讨论】：