resize - 拖放区调整大小功能

Question

我已经使用 http://www.dropzonejs.com/ 实现了一个 dropzone 页面

我在调整大小功能时遇到问题。如果图像的纵横比错误，我的图像会不断被裁剪。

我想知道两件事:

我可以配置 dropzone 以适应(不拉伸(stretch)或裁剪)图片到预览元素中。

我可以在删除后调整预览的大小吗(即查看预览小、中或大。

我通过调整 css 实现了 2，但我想知道是否有更好的方法使用 dropzone 代码。

如果有人有 1 的示例，将会非常有帮助。
谢谢，
马特。

Answer 1

是的你可以。要获得未裁剪的缩略图，您需要做两件事:

在 init 选项中指定 thumbnailWidth 和 thumbnailHeight。如果您想要固定高度，请将 null 作为 thumbnailWidth 的值传递，如果您想要固定宽度，反之亦然。

覆盖 dropzone css，如下所示:

.dropzone .dz-preview .dz-image {
宽度:自动!重要；
高度:自动!重要；
}