如何使用React Js上传不同大小的图片？
如何使用React Js上传不同大小的图片？
提问于 2019-12-15 14:42:45
所以我一直在互联网上搜索，试图找到上传不同大小(宽度和高度)的图像的最佳方法，但仍然能够在画廊类型的东西中正确地显示它们。
我想要做的一个例子是facebook画廊，在那里所有的图片都很好地对齐，即使它们的大小不同(而且它们看起来都没有拉伸或其他任何东西)。
我知道之前已经实现过这样的图像处理，因为许多网站都处理图像，但我似乎在开放的互联网上找不到任何像样的解决方案。任何帮助都是非常感谢的。谢谢
回答 2
Stack Overflow用户
发布于 2019-12-15 14:48:09
您可以将css添加到您的react组件中。
img {
display: block;
max-width:230px;
max-height:95px;
width: auto;
height: auto;
}Stack Overflow用户
发布于 2019-12-15 15:05:06
使用css属性background-image很容易做到这一点。简单地说，不要把图片放到img标签中，而是使用一个简单的元素，比如div，样式如下：
{
width: 100px;
height: 100px;
background-image: url(http://your-image-url.com);
background-size: cover;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59341742
复制相关文章
相似问题
腾讯云开发者
