I followed the instructions here to show already existing files on the dropzone area.
The problem is that the files appear cropped. See this image:
How should I go about fixing this? Has someone else seen this as well?
Asked
Active
Viewed 1,616 times
3
-
1Do you have an example we can see somewhere? What does the CSS look like? I've never experienced this before. – Chris Jenkins May 22 '15 at 23:48
-
1Chris, let me whip something up. Thanks. – Ramon Tayag May 23 '15 at 03:07
-
1Ok my bad. I'll post an answer. Thanks for asking about a sample (I always forget to do this) because I often find the answer when I make one. – Ramon Tayag May 23 '15 at 03:58
-
Please check https://stackoverflow.com/questions/22740117/dropzone-resize-function/ – bgth Jun 03 '18 at 08:07
2 Answers
4
I fixed it by adding this css selector:
.dropzone{
.dz-preview{
.dz-image{
img{
height: 120px;
width:120px;
object-fit: cover;
}
}
}
}
Vladimir Mootin
- 118
- 1
- 7
0
The thumbnail you provide must be square.
Unlike what seems to be the behaviour of the newly dragged images, for added files, Dropzone will scale the picture and attempt to fit it in the image. That means if your image is wider than it is tall, you may see white space like the image shown in the question.
Ramon Tayag
- 15,224
- 9
- 43
- 69
-
Unfortunately, not always do we have images in one single form. The fix provided by Vladimir Mootin works well for all images. – Odd Oct 23 '18 at 10:42