質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

1376閲覧

bootstrap4のモーダルの中に設定した写真の方向が回転していて、正しい方向に設定できない

hidepon

総合スコア206

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2019/07/11 07:53

編集2019/07/12 03:15

お客さんに頂いた写真を設定しているのですが、bootstrapのモーダルの中に設定すると、90度、180度回転された状態で表示されてしまいます。
いろいろ調べて 「リサイズ超簡単PRO」というソフトで「exif 情報を継承しない」という状態で再保存したところ、exif情報が消えました。
このあと、適切な回転で調整して画像を保存して、再度、WEBサーバにアップロードしたのですが、
それでも回転された状態で表示されます。

http://(IPアドレス)/image/(画僧ファイル名)
として確認したところ、きちんとした方向で表示されます。

どこに問題があるでしょうか?
よろしくお願いいたします。

(追記)
Exif情報を削除して180度回転してから、アップロードしたのですが、
イメージ説明
このように180度回転された状態で表示されます。
当初モーダル内でと表記しましたが、普通にページ上でも同じ現象です。

<div class="text-center text-primary mb-2"><img class="img-fluid rounded" src="image/de_r.jpg" alt="Iamge Description"></div>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

x_x

2019/07/11 08:03

キャッシュはクリアしましたか?
hidepon

2019/07/11 08:06

キャッシュはクリアしていると思います。コントロールとF5を同時に押すんですよね!?
x_x

2019/07/11 08:09

PCということでしょうか? ブラウザは何ですか?
hidepon

2019/07/11 09:16

Chrome と fire fox で同じ状況になっています。
m.ts10806

2019/07/11 09:24

実際のコードと画像、画面表示を提示されたほうが良いかと思います。
hidepon

2019/07/12 03:17

画像表示の切り抜いた部分を掲載しました。あとコード部分も追記しています。いたって普通だと思います。
guest

回答1

0

ベストアンサー

Laravelでよく使われるIntervention Imaageライブラリなどでは、アップロードされた画像ファイルのExif情報を元に、画像の向きを修正する機能があるので参考にしてみてください。
Intervention Imaage orientate

投稿2019/07/11 08:00

aro10

総合スコア4106

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hidepon

2019/07/11 08:03

ご返答有難うございます。アップロードはFTPでしています。/laravel/public/image に入れています。 exif 情報は消しています。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問