代码之家 › 专栏 › 技术社区 › Andrecon

如何使用HTML中的图片元素在文件夹中查找我的图像?

image html

Andrecon · 技术社区 · 5 月前

我有一个名为“AltSchool”的主文件夹,其中有两个子文件夹,即“AltSchool_html_assignments”和“AltSchool_css_assignments”。在altshoal_html_assignments文件夹中,我有两个子文件夹,即“Assignment_1”和“Assignment_2”。在Assignment_2文件夹中,我有一个名为“Assets”的子文件夹,里面是另一个称为“images”的子目录,我在其中保存了我想在html代码中使用的图像,这些图像也作为独立文件保存在同一个文件夹(Assignment_2)中。

在我的HTML代码中,我试图使用图片元素来显示位于srcset的“images”子文件夹中的图像,但在浏览器中查看HTML文件时,它不会显示。我怎样才能找到它并显示出来。

我的图片元素代码如下:

<picture>
          <source
            media="(max-width: 570px)"
            srcset="../AltSchools_HTML_Assignments/Assignment_2/assets/images/me_1.jpg"
          />
          <source
            media="(max-width: 800px)"
            srcset="../AltSchools_HTML_Assignments/Assignment_2/assets/images/me_2.jpg"
          />
          <img
            src="./assets/images/me_new.jpg"
            alt="Andre's Picture"
          />
        </picture>

“img-src”显示使用“srcset”的图像保存。请问我该怎么解决这个问题?

2 回复 | 直到 5 月前

ReadyTools 5 月前

该问题是由srcset属性中的不正确路径引起的。

试试这个:

<picture>
  <source media="(max-width: 570px)" srcset="assets/images/me_1.jpg" />
  <source media="(max-width: 800px)" srcset="assets/images/me_2.jpg" />
  <img src="assets/images/me_new.jpg" alt="Andre's Picture" />
</picture>

CubingNerd 5 月前

错误是文件路径本身以 ./ 它应该是根目录的直接路径,例如 /. 。这是因为HTML不支持这样的运算符,所以最好从根目录或子目录开始。(或者使用另一种语言作为后端,如Python或PHP)。

示例文件路径: path/to/file.txt 或者: /path/to/file.txt

推荐文章

Andrecon · 如何使用HTML中的图片元素在文件夹中查找我的图像?

5 月前

GaryC · Tkinter与图像

10 月前

Wammy · 为什么具有垂直对齐元素的表单元格不能与没有垂直对齐的表单元格对齐?

11 月前

TheAlphaLeopard · 图像的大小对于按钮来说太大了。。。有什么建议吗?

1 年前

Daniil · 如何使用Apps Script从Google Sheets中复制单元格中的图像?

1 年前

Sandy · 使用react原生图像裁剪选择器multiple true,我想裁剪我选择的所有图像

1 年前

FoolishMortal · 无法显示从基64字符串解码的特定图像

1 年前

Prajapati Akash · X,Y堇青石在传统图像中无法正常工作

1 年前

KnewJams · 个人资料图片未显示

1 年前

Gustavo Merg · Genexus Blob从Base64-如何生成&文件或将其放在屏幕上与GX?

1 年前