2017-05-02 6 views
0

イメージ、トピック、詳細を表示するWebページを作成しました。ちょうど私は静的なhtmlページを持っています。これは何も実装されていないページです。誰もがmysqlに画像を保存し、角度とPHPを使って表示する方法を知っていますか?

<section class="section-02"> 
     <div class="container"> 
    <h3> 
      <div class="heading-large">Current Best</div> 
      </h3> 
    <div class="row"> 
      <div class="col-md-4"> 
     <div class="card"> <img class="img-fluid" src="img/media-1.jpg" alt=""> 
       <div class="card-block"> 
      <div class="news-title"><a href="#"> 
       <h2 class=" title-small">An Alternative Form of Mental Health Care Gains a Foothold</h2> 
       </a></div> 
      <p class="card-text"><small class="text-time"><em>3 mins ago</em></small></p> 
      </div> 
       </div> 
     <ul class="news-listing"> 
       <li><a href="#">Key Republicans sign letter warning against candidate</a></li> 
       <li><a href="#">Obamacare Appears to Be Making People Healthier</a></li> 
       <li><a href="#">Syria war: Why the battle for Aleppo matters</a></li> 
       <li><a href="#">‘S.N.L.’ to Lose Two Longtime Cast Members</a></li> 
       </ul> 
     </div> 
      <div class="col-md-4"> 
     <div class="card"> <img class="img-fluid" src="img/media-2.jpg" alt=""> 
       <div class="card-block"> 
      <div class="news-title"><a href="#"> 
       <h2 class=" title-small">Delta passengers got pizza delivered to the plane</h2> 
       </a></div> 
      <p class="card-text"><small class="text-time"><em>3 mins ago</em></small></p> 
      </div> 
       </div> 
     <ul class="news-listing"> 
       <li><a href="#">Syria war: Why the battle for Aleppo matters</a></li> 
       <li><a href="#">Key Republicans sign letter warning against candidate</a></li> 
       <li><a href="#">Obamacare Appears to Be Making People Healthier</a></li> 
       <li><a href="#">‘S.N.L.’ to Lose Two Longtime Cast Members</a></li> 
       </ul> 
     </div> 
      <div class="col-md-4"> 
     <div class="card"> <img class="img-fluid" src="img/media-3.jpg" alt=""> 
       <div class="card-block"> 
      <div class="news-title"><a href="#"> 
       <h2 class=" title-small">Minorities Suffer From Unequal Pain Treatment</h2> 
       </a></div> 
      <p class="card-text"><small class="text-time"><em>3 mins ago</em></small></p> 
      </div> 
       </div> 
     <ul class="news-listing"> 
       <li><a href="#">‘S.N.L.’ to Lose Two Longtime Cast Members</a></li> 
       <li><a href="#">Key Republicans sign letter warning against candidate</a></li> 
       <li><a href="#">Obamacare Appears to Be Making People Healthier</a></li> 
       <li><a href="#">Syria war: Why the battle for Aleppo matters</a></li> 
       </ul> 
     </div> 
      </div> 
    </div> 
     </section> 

今私はそれがBLOB型で画像を保存することは技術的には可能ですが、私は完全にそれを行うには、あなたを阻止し、むしろcould-を使用し、角度とPHP

+0

MySQLを使用してデータベースにデータを挿入するPHPスクリプトを作成します。また、オブジェクトを送信するPHPスクリプトへの 'post'呼び出しを行います。これを試してから、あなたが今まで行ったこと、どこでエラーが発生したのかを尋ねてください。私たちはあなたに手を差し伸べることができます。しかし、私たちはあなたのためにコードすることはできません。乾杯! ;) – SrAxi

+1

ありがとう投稿が完了しました投稿 –

答えて

1

を使用してMySQLデータベースにこれを保存しますS3のようなベースのファイルシステムまたはサーバのローカルファイルシステムです。 DB上に画像のURIを格納するだけです。

DBにBLOBSを格納すると、BLOBの取得が遅くなり、バックアップに時間がかかり、BLOBの取得を避けるためにクエリを最適化する必要があります。簡単なSELECT * FROM users;は、何千人ものユーザーがいる場合はDBを強制終了させる可能性があります。

+0

角度php mysqlで動作しますか?もしそうなら、どうですか? –

+0

確かに。写真をアップロードするには、POSTしてください。フォームに入れ、ファイルをバックエンドに投稿します。 –

+0

PHPに入ったら、画像を保存する場所を決めなければなりません。ランダムな名前に名前を変更し、静的コンテンツを提供するフォルダに配置してください。次に、生成したランダムな名前をDBに保存します。 –

関連する問題