如何使用jquery将图像显示到html文件？ （一些php和xml）

Question

我有一个名为“LaptopsImages”的图像文件夹。

在我的文件名为laptops.php我有一个数组列表与不同的笔记本电脑有变量，如：标题，品牌，价格，描述，规格和图片名称。我的数组列表转换为XML DOM树。

在我的名为product.html的文件中，我编写了一个代码，将每个产品数据都包含在变量中并显示它：

var title = $theProduct.find('title').text();
var brand = $theProduct.find('brand').text();
var price = $theProduct.find('price').text();
var description = $theProduct.find('description').text();
var spec = $theProduct.find('spec');
var imageFilename = $theProduct.find('picture').text();

document.getElementById("title").innerHTML=title
document.getElementById("brand").innerHTML=brand
document.getElementById("price").innerHTML=price                        
document.getElementById("description").innerHTML=description
document.getElementById("spec").innerHTML=description

我已经完成了将每个产品数据显示到我的html中，除了每台笔记本电脑的图片。有什么方法可以显示他们已经从我的变量名称的图片？假设图片的名称为“0001.jpg，0002.jpg”等。

每张图片都可以从：var imageFilename = $ theProduct.find（'picture'）。text（）;

Answer 1

document.getElementById("picture").src = imageFilename

如果有一个<img>标签与id picture

Answer 2

如果你使用jquery，你可以这样做：

$("#picture").attr("src", imageFilename);

Answer 3

document.getElementById('myImage').src = imageFileName;

如果您需要ImageFileName中的名称，那么您可以使用：

name= imageFileName.substring(0, imageFileName.length - 4);/*to chop off .JPG*/

使用Jquery：

$("#myImage").attr("src", imageFilename);

Answer 4

document.getElementById("price").innerHTML= "<img src=\"" + imageurl+ "\">";

您可以使用此代码在内部div中显示div id为price的完整图像