html - Rails + 文件选择器 : Sometimes is the uploaded photo rotated

标签 html css ruby-on-rails ruby filepicker

我使用Filepicker上传图片,有时上传的图片会旋转90°。

我不知道这是一个已知问题还是只是我这边的问题,但有什么办法可以避免这种行为吗?

编辑: 我刚刚发现图像保存正确,但显示不正确 - 旋转。 我以这种方式加载图像:

= image_tag main_img.file_url, :alt => @photo.title, :title => @photo.title, :style => 'width: 200px; border: 1px solid #000;'

我做错了什么?为什么图像显示为“扭曲”且位置不正确?

最佳答案

出现这种行为的原因是,图片可以在 EXIF 数据中包含旋转信息。
这意味着如果一张照片是用智能手机纵向拍摄的,它可能会以横向存储并标记为“旋转 90°”。 现在取决于显示程序,是否将图像旋转回来。

大多数图像处理程序会进行旋转,但大多数浏览器不会。

避免此行为的唯一方法是根据 EXIF 数据中的旋转信息重新计算图像。
您可以使用 imagemagick、exiftran 或 jhead 来实现这一点,请参阅 https://superuser.com/a/38860 .

关于html - Rails + 文件选择器 : Sometimes is the uploaded photo rotated,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19179170/

相关文章:

php - 选择从数据库显示到另一页的选项

javascript - 我无法在 CSS 中使 div 高度为 100% 且可滚动

javascript - 使用 4 位密码的静态页面的简单例份验证

ruby-on-rails - rails : "new or edit" path helper?

html - iPhone 4 宽度 CSS

php - 使用 PHP 使用 HTML 表单在新页面中编辑填充有 MySQL 数据库的 HTML 表行

html - 带有razor viewengine的MVC 3中的动态属性值

html - 内联 SVG - 通常用于 < img > SEO 的 "alt"标签的最佳替代品?

html - CSS/HTML 侧边栏被标题文本推下

ruby-on-rails - Rails 5.0.2 - 关系中的 ID own_to/has_many