关于上传图片预览的时候,图片尺寸不统一,你们都是给客户怎么样显示的呢?

无图片时:
图片说明
有图片时,宽度100%,但是高度过小:
图片说明
这种情况下怎么样处理比较美观???

我没有弄过这样的,不过我觉得楼主可以参考下面三种方案:①参照QQ、微信等上传头像时的做法,将用户剪辑图片时的范围内容用样式记住,然后显示,这样就比较统一。②背景图片拉伸,这样自然能够完全填充,不过看上去就不太美观了;③可以让预览图片在内容框上垂直居中,这个上下留白会比单纯的下边留白好看一些。当然,上面都这是我的假想,具体还得看业务需要而定。飘过~

如果你上传之前或者上传的时候都没给图片做处理,在前台显示的时候,通过宽给高的方法让图片适应div的大小,但是这样你图片不能保持原来的样子,会有压缩的感觉。最好上传之前处理一下图片

白色的背景做的小一点呢。

如果忽略图片变形问题 css 给div加个样式 background-size:100% 100%; 即可

一般情况是建议用户选择指定像素的图片。但不友好,所以在后台做了一个缩放(代码一大堆。。。)。如果是我,我会选择用background-size : cover;来做。自适应内容大小(我没试过,不知道效果怎么样)。