Question

请解释我出错的地方

我正在评估 xmlhttp.responceText

var list = eval ('('+xmlhttp.responseText+')');

此处的回复包含 JSON编码数据......

我可以通过......来显示数据。

document.getElementById("list0.picture").innerHTML=list[0].picture;

<div id="list0.picture"></div>

响应是一个文件名，在发送新数据时会发生变化..

即。的 picture001.jpg

如何将此文件名转换为屏幕上的可视图像而不是文件名

我尝试了下面的变化，但我不能让它工作..我确定它很简单，但它让我难过......

document.getElementById("list0.picture").innerHTML='<img src="/testsite/covers/('list[0].picture')" />';

我的图片存储在/ testsite / covers

Answer 1

执行字符串连接时您错过了+

document.getElementById("list0.picture").innerHTML=
         '<img src="/testsite/covers/' + list[0].picture + '" />';

旁注，您不需要使用eval()。

Answer 2

var someFileName = 'http://communio.stblogs.org/Donkey.jpg';

// create an element
var img = document.createElement('img');

// set its attributes
img.setAttribute('src', someFileName);

// attach the image to the DOM
document.body.appendChild(img);

Answer 3

document.getElementById("list0.picture").innerHTML='<img src="/testsite/covers/' + list[0].picture + '" />';

在div中显示图像，其中图像是文件名

3 个答案: