dropzone.js - DropzoneJS 缩略图宽度和拇指高度不起作用

Question

问题

我正在使用 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);
}

Answer 1

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