Форум программистов, компьютерный форум, киберфорум
C#: ASP.NET Core
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
5 / 5 / 3
Регистрация: 15.01.2017
Сообщений: 586
1

Не отображаются картинки

05.09.2019, 18:52. Просмотров 1182. Ответов 3
Метки asp (Все метки)

Не отображаются картинки
В чём может быть проблема и как исправить?

Код CarsController
Кликните здесь для просмотра всего текста
C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
 
//
using Microsoft.AspNetCore.Mvc;
using Shop.Data.interfaces;
using Shop.ViewsModels;
 
namespace Shop.Contollers
{
    public class CarsController : Controller
    {
        private readonly IAllCars _allCars;
        private readonly ICarsCategory _allCategories;
 
 
        public CarsController(IAllCars IAllCars, ICarsCategory iCarsCat)
        {
            _allCars = IAllCars;
            _allCategories = iCarsCat;
        }
 
        public ViewResult List()
        {
            ViewBag.Title = "Страница с автомобилями";
            CarsListViewModel obj = new CarsListViewModel();
            obj.allCars = _allCars.Cars;
            obj.currCategory = "Автомобили";
 
            //ViewBag.Category = "Some new";
            //var cars = _allCars.Cars;
            return View(obj);
        }
    }
}



Код List.cshtml
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<h1>Все автомобили</h1>
<h3>@Model.currCategory</h3>
 
<div class="row mt-5 mb-2">
    @{
        foreach (var car in Model.allCars)
        {
        <div class="col-lg-4">
            <img class="img-thumbnail" scr="@car.img" alt="@car.name" />
            <h2>Модель: @car.name </h2>
            @*<p>@car.shortDescr</p>*@
            <p>@car.shortDesc</p>
            <p>Цена: @car.price.ToString("c")</p>
            <p><a class="btn-dark btn-warning" href="#">Подробнее</a></p>
        </div>
        }
    }
</div>


Код _Layout.cshtml
<header></header> и <footer></footer> взяты отсюда: getbootstrap.com/Examples/Carousel

Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="~/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/css/Style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <!-- Добавленно -->
    <header>
        <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
            <a class="navbar-brand" href="#">Carousel</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Link</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#">Disabled</a>
                    </li>
                </ul>
                <form class="form-inline mt-2 mt-md-0">
                    <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                </form>
            </div>
        </nav>
    </header>
    <!-- Добавленно -->
    <div>
        @RenderBody()
    </div>
    <!-- Добавленно -->
    <footer class="container">
        <p class="float-right"><a href="#">Back to top</a></p>
        <p>© 2017-2019 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
    </footer>
    <!-- Добавленно -->
    <script scr="~/js/bootstrap.min.js"></script>
</body>
</html>


Код MockCars.cs
Кликните здесь для просмотра всего текста
C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
 
// 
using Shop.Data.interfaces;
using Shop.Data.Models;
 
namespace Shop.Data.mocks
{
    public class MockCars : IAllCars
    {
        private readonly ICarsCategory _categoryCars = new MockCategory();
        public IEnumerable<Car> Cars
        {
            get
            {
                return new List<Car>
                {
                    new Car {
                        name = "Tesla model S",
                        shortDesc = "Быстрый автомобиль",
                        longDesc ="Красивый, быстрый и очень тихий атомобиль компании Tesla",
                        img ="~/img/tesla.jpg",
                        price = 45000,
                        isFavourite = true,
                        available = true,
                        Category = _categoryCars.AllCategories.First()
                    },
                    new Car {
                        name = "Ford Fiesta",
                        shortDesc = "Тихий и спокойный",
                        longDesc = "Удобный автомобиль для городской жизни",
                        img = "~/wwwroot/img/ford_fiesta.jpg",
                        price = 11000,
                        isFavourite = false,
                        available = true,
                        Category =_categoryCars.AllCategories.Last()
                    },
                    new Car {
                        name = "BNW M3",
                        shortDesc = "Дерзкий и стильный",
                        longDesc = "Удобный автомобиль для городской жизни",
                        img = "/img/BNW_M3.jpg",
                        price = 65000,
                        isFavourite = true,
                        available = true,
                        Category =_categoryCars.AllCategories.Last()
                    },
                    new Car {
                        name = "Mercedes C class",
                        shortDesc = "Уютный и большой",
                        longDesc = "Удобный автомобиль для городской жизни",
                        img = "/img/Mercedes_C_class.jpg",
                        price = 40000,
                        isFavourite = false,
                        available = false,
                        Category =_categoryCars.AllCategories.Last()
                    },
                    new Car {
                        name = "Nissan Leaf",
                        shortDesc = "Бесшумный и экономный",
                        longDesc = "Удобный автомобиль для городской жизни",
                        img = "/img/Nissan_Leaf.jpg",
                        price = 14000,
                        isFavourite = true,
                        available = true,
                        Category =_categoryCars.AllCategories.First()
                    }
 
                };
            }
        }
 
        public IEnumerable<Car> getFavCars { get; set; }
 
        public Car getObjectCar(int carId)
        {
            throw new NotImplementedException();
        }
    }
}
0
Миниатюры
Не отображаются картинки   Не отображаются картинки  
Вложения
Тип файла: zip Project.zip (1.16 Мб, 3 просмотров)
Тип файла: zip Кратинки.zip (77.3 Кб, 1 просмотров)
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.09.2019, 18:52
Ответы с готовыми решениями:

Не отображаются картинки
Делаю сайт с MasterPage - проблема в следующем: в VS все отображается - то есть заданные css стили...

Не отображаются картинки
asp:ImageButton ID=&quot;ImageButton1&quot; runat=&quot;server&quot; ImageUrl=&quot;~/App_LocalResources/rename.gif&quot; ...

Почему не отображаются картинки?
Картинки к странице находятся в том же каталоге, что и сама страница (gif). При просмотре во...

Не отображаются картинки после закачки
Всем привет. Подкажите как решить такую проблему. Скрипт на ASP закачивает файл(без участия...

3
2370 / 1832 / 330
Регистрация: 22.07.2011
Сообщений: 7,026
05.09.2019, 20:59 2
Цитата Сообщение от Soft17 Посмотреть сообщение
img = "~/wwwroot/img/ford_fiesta.jpg",
убрать ~/wwwroot

П.С Причину можно посмотреть в консоле браузера , закладка Network.
1
5 / 5 / 3
Регистрация: 15.01.2017
Сообщений: 586
05.09.2019, 22:03  [ТС] 3
Цитата Сообщение от sau Посмотреть сообщение
убрать ~/wwwroot
Я специально несколько разных вариантов написал...
Думал, хоть один выстрелит...
C#
1
2
3
4
5
img ="~/img/tesla.jpg",
img = "~/wwwroot/img/ford_fiesta.jpg",
img = "/img/BNW_M3.jpg",
img = "/img/Mercedes_C_class.jpg",
img = "/img/Nissan_Leaf.jpg",
Цитата Сообщение от sau Посмотреть сообщение
П.С Причину можно посмотреть в консоле браузера , закладка Network.
Не могли бы вы более подробнее описать, что нужно делать...
Я вроде сделал... Но, что дальше делать не понимаю...
0
Миниатюры
Не отображаются картинки  
2370 / 1832 / 330
Регистрация: 22.07.2011
Сообщений: 7,026
06.09.2019, 12:33 4
Лучший ответ Сообщение было отмечено Soft17 как решение

Решение

Soft17, судя по перечню запросов . нет ни одного на картинки
у Вас там опечатка в img , атрибут должен называться SRC , вместо SCR
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.09.2019, 12:33

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Не отображаются картинки после deploy на локальный IIS
Всем привет, скажу сразу я не веб разработчик просто по необходимости надо написать небольшой Web...

На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются
Доброго времени суток всем. Помогите пожалуйста разобраться. На главной странице сайта не...

Верстка, картинки некорректно отображаются или не отображаются
У меня имеется трехколоночный сайт, по правой колонке будет располагаться картинка, состоящий из...

Не отображаются картинки
У меня в папке .../static/img есть несколько jpeg файлов, но некоторые отображаются на сайте, а...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.