javascript - 图片未显示在页面上？使用 .append()

Question

图像未显示在我的页面主体中。显示的只是一个空的图像框。控制台显示错误:

Failed to load resource: the server responded with a status of 404 (Not Found)

我的所有图像都位于名为 ProductImages 的文件夹中，因此我认为我没有使用正确的图像源，但仍然无法使其正常工作。

   $("#mainBody").append("<img src =" + imageFilename + ">"); 

Answer 1

设置图片src时，需要指定图片资源的有效路径。

如果图像位于名为 ProductImages 的目录下，该目录位于您网站的根目录下，请尝试以下操作:

$("#mainBody").append("<img src ="'/ProductImages/" + imageFilename + "'>");