dropzone.js – DropzoneJS thumbnailWidth和thumbHeight不起作用

2019年7月28日 399次阅读

问题

我正在使用dropzone来处理多个图片上传.我希望它能生成280x280px的缩略图.尽管我付出了最大的努力,它仍然可以生成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)”,它强制缩略图为100×100图像.将此更改为“ – > fit(280)”后,这解决了问题.

这是我的代码：

解决方案代码

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

最佳答案 除了修改缩略图的大小外,还需要相应地修改CSS文件中的.dz-image类.

点赞