php - divに画像を表示するためのアドバイスが必要です

Question

記事の作成に使用されるWYSIWYGエディターがあります。その後、記事はデータベースに挿入されます。その後、記事がメインページに表示されます。それは2つの主要なdiv/パーツで構成されています。上部は高さが固定されたdivであり、特定の記事に対してWYSIWYG（これが計画）によって送信された画像を表示するために使用されます。したがって、ユーザー（特権を持つ）は記事を書き込み、画像（サーバー上にあります）を挿入/アップロードし、記事はDBと画像のURLにも挿入されます。

私の質問は、それをどのように表示する必要があるかです。今、私はデータベースからすべての必須フィールドを引き出し、画像のURLをdivに配置することを考えています。そうすれば、画像としてレンダリングされます。これは本当に不格好な感じがするので、私の限られた経験で、もっとエレガントな方法があるのではないかと思います。

Answer 1

画像パスをDBに保存し、それをタグにエコーするという意味ですか？

それは何も悪いことではありません...それがあなたが疑問に思っていたのであれば、DBに画像を保存するよりも良いですか？

Answer 2

あなたは正しい方向に進んでいます。データベースから画像のURLを取得し、それをdiv内のimgタグにポップするか、div自体の背景として適用します。

divに収まるように画像のサイズを変更するには、画像の高さまたは幅のいずれかを指定します。もう1つは、適切なアスペクト比を維持しながら自動的にサイズ変更されます。これにより、固定高さのdivに収まる問題が発生する可能性があるため、divのCSSオーバーフロープロパティをhiddenに設定して、画像がdivの外側にオーバーフローしないようにする必要があります。