Angular 2 Image Binding с локального жесткого диска
У меня возникла проблема при привязке пути к изображению к img src в angular 2. Я сохраняю изображение на локальном диске и сохраняю путь в базе данных и получаю путь к изображению и привязываюсь к тегу источника img, но это не является обязательным. Я попытался привязать URL-адрес локального диска непосредственно к тегу изображения, тогда я получаю сообщение об ошибке «Не разрешено загружать локальные ресурсы.». Если я привязываю значение локального пути к Переменная SafeUrl, тогда ошибка небезопасно: E: \ Main Projects \ img \ 20182201521541566536.jpg: 1
может ли кто-нибудь дать мне какое-нибудь решение. Благодарность
Ответы 3
Вы не можете читать файлы с жесткого диска в качестве источника изображения. Вам необходимо предоставить изображения в свой проект, чтобы они были доступны на localhost.
Ниже работает для меня
Шаг 1) импортируйте {DomSanitizer} из '@ angular / platform-browser';
Шаг 2) Затем в конструкторе добавьте зависимость public _DomSanitizationService: DomSanitizer
Шаг 3) Теперь привяжите свойство как
this.ImagePath = this._DomSanitizationService.bypassSecurityTrustUrl (this.FilePath);
У меня есть еще одно решение, и оно работает на меня. Мы можем разместить наши изображения в IIS, а затем предоставить http-путь к SRC тега IMG. Когда вы развертываете свой код на любом живом сервере, вам необходимо передать http-путь изображений в соответствии с настройками живого сервера. Браузеры считают небезопасными те URL-адреса, к которым не прикреплен http.
Если кто-то все еще обнаружит какую-либо проблему, дайте мне знать, я поделюсь своим кодом здесь.
У меня есть сценарий, в котором пользователь загружает изображения. Я сохраняю эти изображения в самой папке проекта, но после создания angular 2 в галерее отображаются только изображения, в противном случае отображается ошибка «файл не найден»