[解決済み] imgタグの表示方向がおかしい
2022-05-07 22:44:32
質問
このリンク先に画像があります。 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を使用していました。私の解決策は、ファイルを保存する前にEXIFの問題を修正するために、アップローダー・クラスに以下のコードを追加することでした。
process :fix_exif_rotation
def fix_exif_rotation
manipulate! do |img|
img.auto_orient!
img = yield(img) if block_given?
img
end
end
関連
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか?
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] CSSでimgタグのsrc属性に相当するものを設定することは可能でしょうか?
-
[解決済み】HTML5キャンバスの画像サイズを変更する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。