图片没有显示在页面上？ 使用.append（）

Question

图像未显示在我的主页主体中。 所有显示的都是一个空的图像框 。 控制台显示错误：

无法加载资源：服务器响应状态为404（未找到）

我的所有图像都在一个名为ProductImages的文件夹中，所以我认为我没有使用正确的图像来源，但仍无法使其正常工作。

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

Answer 1

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

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

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

Answer 2

您必须复制项目文件夹中的图像并从该路径显示。