Javascript HTML图像未加载,我无法找到问题所在

Javascript HTML图像未加载,我无法找到问题所在,javascript,html,css,node.js,image,Javascript,Html,Css,Node.js,Image,我试图在HTML代码中加载一个图像文件,但它不是这样工作的 HTML代码'index.js'是 为了解决这个问题,我检查了这些项目 目录路径 图像文件是“image.png”,而不是“image.png” 我已经检查了图像文件,但没有问题。 此外,我无法使用此HTML代码加载其他图像文件 如何解决此问题?好的,公共目录可以从根目录访问,并且在实际应用程序中没有/public,因此您需要像这样使用绝对路径: 注意:如果您没有在app.js中解析公共目录,您可能还需要像这样解析它: var

我试图在HTML代码中加载一个图像文件,但它不是这样工作的

HTML代码'index.js'是


为了解决这个问题,我检查了这些项目

  • 目录路径
  • 图像文件是“image.png”,而不是“image.png”
  • 我已经检查了图像文件,但没有问题。 此外,我无法使用此HTML代码加载其他图像文件

  • 如何解决此问题?

    好的,公共目录可以从根目录访问,并且在实际应用程序中没有
    /public
    ,因此您需要像这样使用绝对路径:

    
    
    注意:如果您没有在
    app.js
    中解析公共目录,您可能还需要像这样解析它:

    var path=require('path');
    app.use(express.static(path.resolve('./public'));
    
    好的,公共目录可以从根目录访问,而在实际应用程序中没有
    /public
    ,因此您需要在此处使用如下绝对路径:

    
    
    注意:如果您没有在
    app.js
    中解析公共目录,您可能还需要像这样解析它:

    var path=require('path');
    app.use(express.static(path.resolve('./public'));
    
    只需弄乱路径即可:

    ./public/images/image.png
    public/images/image.png
    images/image.png
    

    把这条路弄得一团糟:

    ./public/images/image.png
    public/images/image.png
    images/image.png
    

    同样的代码也适用于我。 您能通过浏览器打开图像吗? 它正在寻找图像的哪个路径?
    当您刷新浏览器时,您可以在“网络”选项卡中看到它,同样的代码也适用于我。 您能通过浏览器打开图像吗? 它正在寻找图像的哪个路径?
    当您刷新浏览器时,您可以在网络选项卡中看到它

    可能会将路径更改为
    /public/images/image.png
    <代码>。指父目录。也请分享你的全部代码。对不起。。。它不起作用…共享你的app.js和index.js的代码你也可以发布你的app.js文件吗?可能是公共文件夹的声明有问题,请将路径更改为
    /public/images/image.png
    <代码>。指父目录。也请分享你的全部代码。对不起。。。它不起作用…共享你的app.js和index.js的代码你也可以发布你的app.js文件吗?可能是公用文件夹的声明有问题