1

ファイルのURLから写真を表示できません。[Object HTML IMAGE ELEMENT]この要素を画像ソースに向けていると思いますが、ページにアクセスしているだけです。

    //database query results...
    for(var i = 0; i < len; i++){
        theID = results.rows.item(i).id;
        console.log(theID);
        theName = results.rows.item(i).username;
            htmlStr += theName;
        console.log(theName);
        thePhoto = results.rows.item(i).imagepath;
        console.log(thePhoto);

        var imageHold= new Image();
        imageHold.src = thePhoto;
        console.log("this is the src:"+imageHold.src);//THIS IS GIVING ME THE PATH

        var userDiv = document.createElement("div");//Create the div

        userDiv.innerHTML=htmlStr+imageHold;//IS THE PROBLEM WHAT I AM DOING HERE?


        document.getElementById('showUsers').appendChild(userDiv);//append it to the document
        userDiv.style.display = 'block';
    }
4

2 に答える 2

3

試す

userDiv.innerHTML=htmlStr;
userDiv.appendChild(imageHold);

はhtmlStr有効なマークアップを持っている必要があります。

于 2013-01-17T12:26:14.437 に答える
0

単純に使用することはできません：

userDiv.innerHTML = htmlStr + imageHold;

代わりに以下を使用してください：

 userDiv.innerHTML=htmlStr+'<img src="'+imageHold.src+'" />";
于 2013-01-17T12:28:28.653 に答える