Apiの画像を表示

Question

私はこのイメージをphpのapi呼び出し、htmlのimgタグに表示しようとしています。

はこれまでのところ、これは、私が試したものを

<div class="col-md-3 col-lg-3 " align="center"><img alt="User Pic" <?php echo 'src="'. $data['response']['avatar'] . '"'; ?> 

ですが、それが唯一のユーザーの写真を表示するのAPIは、PHPの内部ではないので、それを何ですか？下の完全なコード。

<section class="section blog-detail"> 
    <div class="container"> 
     <div class="row"> 
     <div class="col-md-5 toppad pull-right col-md-offset-3 "> 
     <br> 
     </div> 
     <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 toppad" > 


      <div class="panel panel-info"> 
      <div class="panel-heading"> 
       <h3 class="panel-title">Profile</h3> 
      </div> 
      <div class="panel-body"> 
       <div class="row"> 

       <div class="col-md-3 col-lg-3 " align="center"> <img alt="User Pic" <?php echo 'src="'. $data['response']['avatar'] . '"'; ?> class="img-circle img-responsive"> </div> 
       <div class=" col-md-9 col-lg-9 "> 
        <table class="table table-user-information"> 
        <tbody> 
<?php 
/* Check if button was clicked */ 
if (isset($_POST['someName'])) { 

    /* If id is empty or not a number, then don't proceed fetching data */ 
    if (empty($_POST['id']) || !is_numeric($_POST['id'])) { 
     echo 'Invalid id'; 

    } else { 

     /* Fetch data */ 
     $data = file_get_contents('https://api.truckersmp.com/v2/player/' . $id = trim($_POST["id"])); 

     /* Decode json */ 
     $data = json_decode($data, true); 

     /* Display id and name */ 
     if (isset($data['response'])) { 
      /* You should add some checks to check if id and name actually exists and are not empty */ 
      echo ' 
       <tr><td>ID:</td><td><strong /> ' . $data['response']['id'] . '</td></tr> 
       <tr><td>Name:</td><td><strong /> ' . $data['response']['name'] . '</td></tr> 
       <tr><td>Join Date:</td><td><strong /> ' . $data['response']['joinDate'] . '</td></tr> 
       <tr><td>Steam 64:</td><td><strong /> ' . $data['response']['steamID64'] . '</td></tr> 
       <img src="'. $data['response']['avatar'] . '"></td></tr> 
       <tr><td>Group:</td><td><strong />' . $data['response']['groupName'].'</td></tr>'; 

     } 
    } 
} 
?> 
        </tbody> 
        </table> 

        <a href="#" class="btn btn-primary">My Sales Performance</a> 
        <a href="#" class="btn btn-primary">Team Sales Performance</a> 
       </div> 
       </div> 
      </div> 
       <div class="panel-footer"> 
         <a data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a> 
         <span class="pull-right"> 
          <a data-original-title="Remove this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></a> 
         </span> 
        </div> 

      </div> 
     </div> 
     </div> 
    </div> 

        </tbody> 
        </table> 

       </div> 
       </div> 
      </div> 

      </div> 
     </div> 
     </div> 
    </div> 

Answer 1

私は、あなたが1つの基本的なルールを破っているので、あなたがPHPの初心者だと仮定します。 PHPロジックコードとHTMLコードを混在させています。あなたが初心者で、HTMLコードと同じファイルにPHPロジックを書くことを避けることはできません。少なくともHTMLの前にPHPコードを書いて、ファイルの最後にHTMLを残してください。

したがって、$は、$ data配列がjson_decodeから "below"から取得されているため、上記の空です。

まず、PHPコードを上に追加し、HTMLを下に置くようにしてください。そして、覚えておいてください、あなたは初心者であるため、これを行うでしょう。後でLaravel、Symfony、Yii、CodeIgniterなどのようなフレームワークを学びます。のようなものです。実際の取引はです。