DropzoneJS thumbnailWidth和thumbHeight不工作

Question

问题

我使用下拉区域处理多个图像上传。我要它生成280 x 280 it缩略图。尽管我尽了最大的努力，它还是不断地生成100x100px缩略图。

代码

这是我的代码：

   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

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