Блог

Главная - Вопросы по программированию - Проблема с передачей URL-адреса изображения

Проблема с передачей URL-адреса изображения

#javascript #css

#javascript #css

Вопрос:

Я передаю URL-ссылки, как показано ниже. Есть что-то странное, чего я не понимаю при передаче img, хранящегося на моем локальном диске.

Хорошо, итак,

   sections: [
        {         
          id: 1,
          imageUrl: 'https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png',
        },
        {          
          id: 2,
          imageUrl: 'src/components/directory/dirImages/linkedin-128.pngg',
        },

Изображение с идентификатором 1 передается правильно:
введите описание изображения здесь
Изображение с идентификатором 2 передается тем же методом, что и выше, однако строка выглядит странно в DOM, вообще без косых черт и не отображается в моем Интернете:
введите описание изображения здесь

Я передаю его, сопоставляя разделы и назначая в качестве опоры для моего компонента.

Комментарии:

1. 1: pngg ? — 2: вы уверены, что у Интернета есть доступ к вашему src / папке?

2. Да, все это на локальном хосте.

3. попробуйте с ./src/components/directory/dirImages/linkedin-128.pngg помощью или /src/components/directory/dirImages/linkedin-128.pngg

4. двойное g здесь является опечаткой, но именно так выглядит мой URL-адрес в dom, когда я передаю только относительный путь, скопированный из vsc:background-image: url(«srccomponentsdirectorydirImageslinkedin-128.png»);

5. Вы пробовали png только с 1 g?