javascript - Codeigniter:上传调整大小为 300x300 的图像(提到保持比例是错误的)..但矩形图像变窄

标签 javascript php jquery css codeigniter

Codeigniter:上传调整大小为 300x300 的图像(提到保持比例是错误的)..但是矩形图像变窄了

我在 codeigniter 中上传图像,调整大小为 300x300,保持比例 - false

但有些图像(矩形图像)变窄了

我的代码片段(部分代码):

....
....
$config['create_thumb']   = TRUE;
$config['maintain_ratio'] = FALSE;
$config['new_image']    = './uploads/property/300X300/';
$config['width']       = 300;
$config['height']       = 300;
$this -> image_lib -> initialize($config);
$this -> image_lib -> resize();
....
....

请建议我进行更改以在前端以正确的 View 显示 300x300 的上传图像

如果可能的话,你可以通过 css 建议 css

最佳答案

使用以下 CSS:

.yourclass {
    height:250px;
    display:flex;
    flex-shrink:0;
    max-width:98%;
    max-height:98%;
}

您可以根据需要修改类的内部值

关于javascript - Codeigniter:上传调整大小为 300x300 的图像(提到保持比例是错误的)..但矩形图像变窄,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58777077/

相关文章:

javascript - 将 DOM 置于叠加层之上

javascript - 如何统计除空之外的每一列中用户输入的数据数量?

javascript - 使用 Javascript window.confirm 停止 window.event?

javascript - 向现有 QT 应用程序添加 javascript 支持

javascript - 如何将一组对象传递给 Jade 模板?

javascript - ECMAScript 6 类属性下划线前缀

php - 基于 mySQL 变量的带有 jquery 的圆柱体中的水动画

javascript - 长轮询以更新 DOM,同时保留来自 jQuery 的累积属性

jquery - “ Accordion ”样式面板 - 保留单击的元素相对于浏览器窗口的位置

asp.net - ASP .NET AJAX 和 JQuery