JavaScript - Cambiar el tamaño de las miniaturas de Dropzone.js

Buenas, el problema que tengo es que al momento de cargar las imágenes de mi servidor a mi dropzone, la imagen queda completamente desenfocada, no se ajusta al cuadro, cabe resaltar que si cargo una imagen desde mi computador, la miniatura si queda bien enfocada.

aca una foto
desde el servidor:

desde mi computadora:


Por lo que eh leido la libreria de dropzone ejecuta ese cambio de imagen desde el lado del cliente,y no del servidor, pero no se como implementar ese ajuste desde el lado de mi php

sinceramente no se que te refieres con dropzone, si es libreria js, o te refieres al hecho como tal. lo que yo veo no es un desenfoque, si no que en lo que tu denominas servidor no ajusta el tamaño es decir, solo situa la imagen tal cual, sin redimensionar.

cuando dices cliente, estas interpretandolo posiblemente en un navegador web que permite js, mirastes si en donde lo visualizas que tu llamas servidor, esta habilitado para que funcione js?

saludos

Hola Giuseppe:

Efectivamente Dropzone puede escalar la imagen desde el lado cliente (¡es JavaScript!). Sin embargo, desde servidor con PHP también puedes hacerlo a través de la librería GD (que deberás tener instalada). Ejemplo:

https://stackoverflow.com/questions/16774521/scale-image-using-php-and-maintaining-aspect-ratio/16774644

Un saludo,
https://obelearningservices.com/blog/

Muchas gracias ya lo solucione, el problema era que al traer las imágenes del servidor se muestran las imágenes tal cual, pero esto se solucionaba con css.

para el que tenga el mismo problema que yo solo tiene que poner esto en su css:

.dz-image img {width: 100%; height: 100%;}

con eso ya la imagen siempre se mostrara en su 100%