html img-tag:在同一文件夹中找不到图像
HTML的img标签用于在网页中插入图像。当图像文件与HTML文件位于同一文件夹中时，可以使用相对路径来引用图像文件。
相对路径是相对于当前HTML文件所在的文件夹的路径。如果在同一文件夹中找不到图像，可能有以下几种原因：
- 图像文件不存在：首先需要确认图像文件是否存在于同一文件夹中。可以通过检查文件名拼写、大小写、文件格式等来确认图像文件是否正确命名和保存。
- 文件路径错误：如果图像文件存在于同一文件夹中，但仍然无法找到，可能是文件路径错误。在HTML中，可以使用相对路径来引用图像文件。相对路径可以使用以下方式指定：
- 直接使用图像文件名：如果图像文件与HTML文件位于同一文件夹中，可以直接使用图像文件名作为相对路径，例如：
<img src="image.jpg" alt="Image">。 - 使用"./"表示当前文件夹：可以使用"./"来表示当前文件夹，然后再加上图像文件名作为相对路径，例如：
<img src="./image.jpg" alt="Image">。 - 使用上级文件夹路径：如果图像文件位于当前文件夹的上一级文件夹中，可以使用"../"来表示上级文件夹，然后再加上图像文件名作为相对路径，例如：
<img src="../images/image.jpg" alt="Image">。
- 直接使用图像文件名：如果图像文件与HTML文件位于同一文件夹中，可以直接使用图像文件名作为相对路径，例如：
- 图像文件格式不受支持：HTML支持多种图像文件格式，如JPEG、PNG、GIF等。如果图像文件格式不受支持，可能无法显示图像。可以尝试将图像文件转换为支持的格式再进行引用。
总结起来，当在同一文件夹中找不到图像时，需要确认图像文件是否存在、文件路径是否正确，并确保图像文件格式受到支持。如果问题仍然存在，可能需要进一步检查HTML代码和文件结构是否正确。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，可用于存储和管理图像文件。详情请参考：腾讯云对象存储（COS）
- 腾讯云内容分发网络（CDN）：加速图像文件的传输和分发，提高网页加载速度和用户体验。详情请参考：腾讯云内容分发网络（CDN）
相关·内容
3回答
为什么我的图片没有显示在我的网页上？
html、linux、image、web、webpage
你好，我是web构建和html的初学者，我想知道是否有人能帮我。我的图片不会显示在我的网页上。图片文件驻留在与index.html文件相同的文件夹中的图像目录中。
这是index.html文件中代码的一部分
<body>
<h1> Minimalism </h1>
<img src="../images/pd.jpg" alt="Partisal disinvestment">
</body>
但是图像不会显示吗？这条路对吗？我甚至在图像文件上设置了像chmod 755这样的权限，但是nothing
浏览 6提问于2014-08-31得票数 0
回答已采纳
2回答
Angular 6获取加载图像错误。获取“加载资源失败:服务器响应状态为404 (未找到)”
html、angular、iis
我有一个角度项目和主页主要是HTML。当我输入"npm start“时，所有图像都成功加载。当我键入"npg build --base-href "/MyProject/“--prod时，当我用唯一的端口创建自己的网站时，主页是空白的。
加载资源失败:服务器响应状态为404 (未找到)。
对于它尝试加载的每个图像
在HTML代码中，它具有以下内容：
<div> <div><p> <img alt="" src="/assets/img/image123.png" /></a>&l
浏览 0提问于2018-11-08得票数 0
4回答
HTML图像不会出现在我的本地主机上。我的路径正确吗？
html、css
我的代码如下：
<img src="C:\Users\Brad\Desktop\Root Folder\img\Spidey.jpg" alt="">
文件结构：
Root Folder
|_ src
|_ index.html
|_ img
|_ Spidey.jpg
图像文件夹与保存所有其他HTML文件的根文件夹位于同一根文件夹中。有什么建议吗？当我重新加载它时，出现了损坏的图像图标。在代码中，我使用了您的建议img src="../ img /Spidey.jpg“以及img src="/img
浏览 1提问于2018-10-24得票数 0
2回答
使用PHP提供私有映像
php、image
我试图使用php文件提供一些隐藏的图像(而不是在public_html文件夹中)。由于某种原因，我得到了一个坏链接图像，我真的不知道我做错了什么。(这可能是一件非常愚蠢的事情)。
为了简单起见，我将图像文件存储在与其他文件相同的级别(因为它仍然给了我一个坏链接)。
我将php文件存储在根目录中，并在我的php页面上使用
<img src="LoadImg.php"/>
然后，LoadImg.php非常简单：
<?php
header("Content-type: image/jpeg");
$img='image.jpg';
浏览 1提问于2015-04-21得票数 4
回答已采纳
2回答
请教几个有关腾讯CDN的问题？
内容分发网络 CDN、对象存储
第一，这个腾讯云cdn和百度的云加速那种是一样的吗？和腾讯云的COS有什么区别，腾讯云的COS貌似和七牛云储存的加速是一样的，需要把文件同步到云储存里面，然后再独立设置一个img或者cdn的二级域名绑定，然后再将站内的静态资源链接替换掉。这个腾讯云cdn是不是和百度的云加速那样，只需要把www域名CNAME解析好就行，不需要单独设置cdn或者img二级域名。第二，腾讯云的cdn应该和八度的云加速是一样的，但是我看这个文档说的：[图片]这个不能和源站一致我就没搞懂了，不就应该和源站是一致的吗？第三：这个腾讯云cdn有没有抗D的功能谢谢解答
浏览 1074提问于2017-06-28
1回答
上传到网上时不显示的图像
html
我找到了其他的帖子，但他们没有解决我的问题。
我的代码是
<img src="Images/myphoto.jpg" width="300" height="263" alt="photo">
我已经检查过几次，图像文件夹在根目录中，图像在其中，但是在网上，我得到了一个破碎的图像图标和alt文本。
有什么建议吗？
浏览 4提问于2016-02-22得票数 0
回答已采纳
5回答
如何在cakephp中使用新的图像文件夹
cakephp
我已经在app/webroot/中创建了一个文件夹。用于图像放置。eralier默认情况下img文件夹包含图像。我用了一些像这样的东西：
<?php
echo $html->image('foldopen.png',array('width'=>14,'height'=>'10','alt'=>'open'));
?>
现在我已经在img文件夹中创建了一个新的图像文件夹。怎么用这个？
浏览 4提问于2010-05-15得票数 3
1回答
图像powerbuilder
powerbuilder、powerbuilder-build-deploy
我即将把我的PBL编译成一个可以工作的PBD。我的问题是如何正确地调用图像文件夹。例如，工具栏，图标，一些命令按钮的图片，正确和动态。例如，我将我的安装目录安装在C:\MyProgram\，但当我的用户将其放在C:\Program Files\HisProgram中时。我是否必须声明图像应该和我一样位于同一位置。C:\images\，因为当我在我的测试机器上尝试它时，我丢失了工具栏图标。我尝试了资源pbr，但它还必须定义图像的正确位置。有什么技巧可以推荐给我吗？
我尝试了GetCurrentDirectory()，但我正在寻找一种更合适的方法
我找到了的GetCurrentDirectory链
浏览 7提问于2012-03-12得票数 2
回答已采纳
4回答
ASP.net webforms标题中的某些页面上未显示徽标
asp.net、html、css
我会尽我所能解释这一点..
在site.master中，我向标题添加了一个徽标，如下所示。
<div class="title">
<img alt="" class="style1" src="Images/logo.png" />
</div>
当url是帐户的一部分时，徽标在所有接受的页面中显示良好。
例如..
"“(显示良好)
然而，
"“(不显示)
我猜是因为它在父文件夹(图像文件)中。
有没有更好的方法？
编辑:图像文件夹位于顶
浏览 0提问于2012-07-18得票数 0
回答已采纳
1回答
如何使用终端将文件移动到桌面上？
image-processing
我想用exif向桌面添加图像以获取有关它的信息，但我不知道如何在桌面中添加图像，也不知道如何将其复制到终端中。
我正在学习如何使用终端，我已经创建了一个图像文件夹使用终端。现在，我想知道如何添加一个图像，我已经保存在我的计算机上使用终端。
我想知道我是否可以在文件夹中添加一个图像，而不必经过查找器。
浏览 0提问于2023-05-22得票数 0
1回答
html无法在django中显示图像
html、django、image、src
我已经把我的图像文件img.png和HTML文件index.html放在测试的同一个文件夹中，我在django中执行了index.html，我想显示来自本地的图像
我试过了
<img src='img.png'/>
<img src='./img.png'/>
<img src='..../test/img.png'/> <!-- absolute path -->
系统都说找不到图像文件。
浏览 1提问于2019-11-23得票数 0
回答已采纳
2回答
在ReactJS中导入图像的良好实践？
javascript、html、reactjs
我在我的网页中添加了多个图像，方法是将每个图像放在相同的目录中--组件(见屏幕快照)--如何将图像文件放在另一个文件夹中，然后在组件中访问它们。
content.js：
import React, { Component } from 'react';
import java from './java.png';
import neural from './neural.png';
import future from './future.gif';
import neuralnet fro
浏览 0提问于2018-03-13得票数 2
回答已采纳
4回答
利用腾讯云GPU构建深度学习网络？
对象存储、深度学习
如题，本人（学生）想用腾讯云构建一个实验性的深度学习网络，具体要用到腾讯云的哪些服务呢？（GPU，COS），另外还需考虑较低的成本。。。
浏览 1118提问于2017-12-13
2回答
我应该把图片文件放在哪里？
html、eclipse
我正在尝试开发一个web应用程序，其中主要关注的是图像处理，但我被非常基本的问题所困扰，图像不会在我的html页面运行时加载。我已经尝试并将图像文件放在src文件夹中，但没有使用html页面，该图像区域一直显示为空白。我应该把图像文件放在哪里，以便html可以直接访问它们，或者我需要做什么必要的准备？我是eclipse的新手，所以需要一点精致..
浏览 0提问于2017-04-15得票数 0
2回答
图像未加载到浏览器上。我不使用服务器，只使用html文件和图像文件。
html、css、image
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./home.css">
<meta name="viewport" content=&
浏览 9提问于2022-02-16得票数 -1
回答已采纳
4回答
为什么图像源中的正斜杠不能工作？
html、image、url、imagesource
我有一个文件夹名为'html_playground‘在文件夹'www’，这是我的网页根目录的Wampserver。
在目录'html_palyground‘中，我有一个名为'demo.html’的文件，其中包含以下HTML代码：
<!DOCTYPE html>
<html>
<body>
<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
</bod
浏览 5提问于2016-11-09得票数 0
回答已采纳
3回答
不显示本地文件(react)
javascript、html、css、linux、reactjs
我在javascript中有一个img标签，它没有显示文件(本地文件)。该文件位于一个名为images的文件夹中，而我尝试使用该图像的js文件位于一个名为Pages的文件夹中。这两个文件夹都在同一个目录中。 ? <img src='../images/img.png' alt='template'/> 这就是im使用标记和浏览器在无效图像上显示带有图标的alt名称的方式。
浏览 56提问于2019-12-18得票数 0
回答已采纳
1回答
mvc @Url.Content.......images不显示
html、asp.net-mvc、razor
我使用mvc EF6显示来自SQL server数据库的图像，
我们已经将图像保存到本地文件夹，并将其URL保存到数据库。
做得很好
图像url保存如下
C:\Users\Naveed\Desktop\EndToEnd\UserImages\6360831428333175151-posterior-teeth.jpg
然后在我的视图中使用下面的代码来显示图像。
@model IEnumerable<iSmileFinal.Models.Imaging>
@if (Model != null)
{
<div class="adsm-sec">
浏览 1提问于2016-09-01得票数 0
回答已采纳
3回答
为什么图像在angular home零部件项目中不显示？
javascript、html、css、angular、image
我正在处理一个angular项目，但试图将图像添加到html组件中的表行。图像没有显示，我已经尝试了许多方法来使其工作，但仍然无法显示。下面是home.component.html代码： 这些图像位于node_modules文件夹顶部的e2e文件夹下的项目文件夹中名为" Images“的文件夹中 <table>
<tr>
<td>
<img src="images/Larissa.jpg" alt="investor1">
<p>"Trusted and quick profit. I
浏览 25提问于2020-01-21得票数 1
2回答
对子域的图像使用相对/绝对路径
subdomain
我知道这是个新手问题，但我找不到明确的答案。
我的web根目录如下所示：
/index.html
/img
我设置了子域img.my-domain.com，它指向/img文件夹
现在，在我的index.html中，我将位于子域的图像称为文件夹img
我可以使用相对路径和绝对路径来做这件事，这两种方法都很有效：
src="/img/image.jpg“
src="“
我的问题是:有什么不同吗？在并行下载概念的背景下，在这两种情况下，浏览器是否会将图像视为来自子域？
我有很多图像，并想从2个子域为他们服务。然而，我在本地开发，当网站将上线时，我将不得不改变图像链接从相对到绝对的情况
浏览 0提问于2012-04-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
