无涯教程网

Html img 标签显示方向错误

发布于02月28日

我在这个链接上有一张图片:http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg

如您所见，这是一张方向正确的法线图像.但是，当我将此链接设置为图像标记的src属性时，图像会颠倒过来.http://jsfiddle.net/7j5xJ/个

<img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/>

你知道发生了什么事吗？

推荐答案

我忘了在这里加上我自己的答案.我使用的是Ruby on rails，所以它可能不适用于PHP或其他框架中的项目.在我的例子中，我使用Carrierwave gem上传图片.我的解决方案是在保存文件之前将以下代码添加到Uploader类以修复EXIF问题.

process :fix_exif_rotation
def fix_exif_rotation
  manipulate! do |img|
    img.auto_orient!
    img = yield(img) if block_given?
    img
  end
end

Html相关问答推荐

缩小与浮动元素共享空间的HTML元素的边界

srcset和大小总是下载最大的

如何从ThymeLeaf模板中分离CSS

仅包含名为X的子元素的元素的XPath？

为什么在CSS中字段是一个有效的 colored颜色名称？

如何使用html和css将两个项目垂直对齐

首字下沉非字母字符

创建一个带有div和径向渐变的全宽半圆

使用`<；use>；`与`<；img>；`时呈现的SVG大小不同

如何使div填充父项的剩余高度

如何用背景色填充边框半径创建的间隙

配置了 HTML 视口的 Google Apps 脚本移动网络应用程序无法正确显示

如何在悬停时使矩形按钮上的边框变圆

下划线在 Bootstrap 5 导航链接下无法正常工作

无法在 CSS 中将 h1 标签居中

Tailwind：父母动态适应子元素的身高

具有 css 高度的输入元素：100% 溢出父 div

pull-right 不适用于 bootstrap alert 内的按钮

父背景仅在子元素中可见

在部分而不是正文中定义页面宽度

实用课程推荐

相关教程推荐