即使有正确的来源[重复]，图像也不显示
图像元素不显示。它显示具有替代名称的默认图像文件。
这是我的代码。我渲染它有对象头像有值null.so如果它的null它应该显示.../allUploadedPhoto/Avatar/no-profile-pic.jpg图像。
<div class="edit-container">
<div id="avatar">
<% if(Avatar){ %>
<img src="<%=Avatar%>" width="100" height="100">
<% } else { %>
<img src="../allUploadedPhoto/Avatar/no-profile-pic.jpg" alt="no-profile-pic" width="500" height="500">
<% } %>
</div>
这是我的文件夹结构
project
|
|_ allUploadedPhoto
| |_ Avatar
| |_ no-profile-pic.jpg
|
|_view
|_profile.ejs
共有1个答案
看起来您正在使用相对于EJS文件的图像路径。您需要使用一个指向文件的路径，该路径可从提供结果页面的url获得。
这取决于您如何为应用程序提供服务。
运行应用程序时，请在localhost:3000或示例上运行。com，文件的路径类似于/allUploadedPhoto/Avatar/no profile pic。jpg，但这取决于您如何提供文件。
表示
由于您使用的是EJS，我将跳出来说您可能正在使用Express，在这种情况下，您应该通过在您的Express初始化中添加以下行来提供静态文件：
app。使用（express.static（'public'））
然后，您将把您的图像放在名为Public的项目根目录下的文件夹中，然后您的图像路径将是/no-profile-pic.jpg，或者如果您将整个文件夹结构放入公共文件夹它将是/allUploadedPhoto/Avatar/no-profile-pic.jpg。
如果您正在使用另一种方法为您的应用程序提供服务，请务必使用具体信息更新您的问题。
-
我试图检查通过cv2.imread()实际读取的数据，但每当我这样做时，我得到的是一个全灰色屏幕。我应该得到彩虹的图像。
-
我的循环一直在进行，即使我输入了y、yes、n或no。 输出： 抱歉，该答案无效，请重试。是否要重新滚动模具1？不 抱歉，该答案无效，请重试。是否要重新滚动模具1？对 抱歉，该答案无效，请重试。是否要重新滚动模具1？对
-
请告诉我OpenLayers中的图标如何使用svg？svg应该有什么结构？ 我们在使用svg时遇到了几个问题，并准备了一个示例： > 使用“颜色”属性（以绿色微笑和红色微笑为例）无法正确更改图像的颜色 如果删除指向标准“xmlns=”http://www.w3.org/2000/svg“的链接（例如黄色微笑），则不会显示图像。为什么它不起作用？ 感谢您的回答！
-
我正在尝试为我的rails应用程序中的图像做一个布局，但我在对齐方面遇到了麻烦。 HTML CSS 我以为flexbox是最好的方法。我想要的图像在窗口调整大小，这就是为什么我有宽度：100%。 编辑： 实际上，看起来我的问题是Flex-Box的一个重复：将最后一行对齐到网格。我解决了插入空元素来填充行的问题，就像第一个答案所暗示的那样。
-
因此，我创建了一个user_login.php页面（由html组成，一个登录表单），表单是： 除此之外，我还有一个login.php脚本（见下文） 现在我知道我的connection.php可以工作了，因为我在网站的其他地方使用它。 我的问题是，当我在浏览器中浏览用户_login.php页面时，当我单击“登录”按钮时，它会将我带到www.website.com/login.php文件，但整个页面是
-
我试过将图像定位到许多不同的地方，也试过不同的加载图像的方法，但没有一种方法奏效，我已经确保图像在导出的JAR文件中确实正确地出现。