在搜索结果中包含图像的Javascript代码

在搜索结果中包含图像的Javascript代码,javascript,html,css,search,Javascript,Html,Css,Search,我试图在一个容器中显示搜索结果旁边的图像,这个容器可以很好地显示相关的搜索结果,但我认为我基于javascript的搜索引擎代码在显示该图像时遇到了问题,请帮助 var tipuesearch = { "pages": [ { "title": "Flash", "image": "C:Users/user/Documents/pages/Images/Flash.jpg", "text": "The Flash is a trilling sci

我试图在一个容器中显示搜索结果旁边的图像,这个容器可以很好地显示相关的搜索结果,但我认为我基于javascript的搜索引擎代码在显示该图像时遇到了问题,请帮助

var tipuesearch = {
  "pages": [
    {
      "title": "Flash",
      "image": "C:Users/user/Documents/pages/Images/Flash.jpg",
      "text": "The Flash is a trilling science fiction movie, based on Barry Allen",
      "url": "C:/Users/user/documents/resizable/Flash.html"
    }, 
  ]
};

要访问您的图像和url,您需要:

  • fs npm包(可通过服务器端的Node.js或客户端的Webpack获得)
  • 使用本地Web服务器,如WAMP、XAMPP,并相应地对文件进行更改

  • 很好的回答,我留下一个向上的投票,我希望看到你们在堆栈溢出很多。幸运的是,我尝试使用本地服务器,看看它是否有效将代码从双引号更改为单引号会影响更改?有没有关于设置标题样式以使其看起来更吸引人的信息?我知道这是高级网页设计
    
    var tipuesearch = {
      pages: [
        {
          title: 'Flash',
          image: 'http://localhost:8080/pages/Images/Flash.jpg',
          text:
            'The Flash is a trilling science fiction movie, based on Barry Allen',
          url: 'http://localhost:8080/resizable/Flash.html'
        }
      ]
    };