Javascript HTML图像未加载,我无法找到问题所在
我试图在HTML代码中加载一个图像文件,但它不是这样工作的 HTML代码'index.js'是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
为了解决这个问题,我检查了这些项目
如何解决此问题?好的,公共目录可以从根目录访问,并且在实际应用程序中没有
/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文件吗?可能是公用文件夹的声明有问题