如何以正确的方向,横向或纵向显示图像

Question

我在页面上有一个文件输入控件来选择图像.当用户选择图像时,我在页面上显示图像.

但我的问题是,当用户选择垂直或纵向图像时,它以横向模式显示.

那么,我如何检测图像方向并应用适当的CSS以在横向或纵向视图中显示.

Answer 1

步骤1：

检查图像的宽度是否大于其高度。然后你就会发现该图像是风景图像。您可以使用 javascript 快速检查它。

第2步：

创建一个 CSS 并使用一个类（使用 javascript 应用该类）来应用它，无论您需要什么方向。