0

JSON オブジェクトから画像を表示し、MySQL データベースに保存されている画像のパスを表示したいと考えています。

次を含むユーザーテーブルがあります。

  • ユーザーID
  • ユーザー名
  • user_img_path
  • ユーザーアドレス

今、次のような PHP を使用してクエリを実行しています。 

SELECT `user_id`, `username`,`user_img_path` FROM `users`

出力を配列に格納し、$rowsこの配列を JSON にエンコードします。

json_encode($rows);

jQuery のajax呼び出しでこの PHP ファイルを呼び出し、JSON 出力を取得します。他の情報はきちんと表示できますが、問題は jQuery を使用して HTML で画像を表示できなかったことajaxです。 

function  callAjax1()
{
    $.ajax({
        url: 'userApi.php',
        data: "",
        dataType: 'json',
        success:function(rows)
        {
            $.each(rows,function(i,item)
            {
                var user_id=rows[i].user_id;
                var user_name=rows[i].user_name;
                var user_img_path=rows[i].user_img_path;
                console.log(user_id,user_name,user_img_path);
                $("#poll_left_body").append('<a href="#">  <img     src=\https://url/"'+user_img_path+'<label id="user_name" rel="tooltip" title=" Edward  11,356" style="color:black;">'+user_name+'</label></a><a href="/twitter/bootstrap/network" class="social-count">11,356</a>');
            });
        }
    });
}
4

2 に答える 2

1

try to put user_img_path into variable and use javascript 

var img = document.createElement("img");
img.src = user_img_path;  
var body = document.body;  // use element where you want to display image
body.appendChild(img);
于 2013-03-12T08:10:13.003 に答える
0

画像のパスを設定できないようです。次のことができます：

1) データベースから取得しているパスが正しいことを確認し、それをハードコーディングして、画像が表示されるかどうかを確認してください。

2) パスが正しい場合、取得している json 出力を確認する必要がありますか? データベースに保存されているものと同じですか？firebug（コンソールタブ）を使用できることを確認するには

3) 上記の手順が最後に正しく、重要な場合は、コードで HTML レンダリングを確認することです。コードも正しい場合。次に、画像を見ることができる必要があります（さらに問題がない場合）

それが役に立てば幸い。

于 2013-03-12T13:27:53.537 に答える