Dinkin Posted October 19, 2023 Share Posted October 19, 2023 Добрый день. В компонент TUniImage, вывожу фото пользователей, возможно ли как то округлить их? как по ссылке на примере... Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 Добрый день, 1. CustomCSS -> .customImg img { border-radius: 50%; } 2. UniImage1 -> 1 Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 А такой вопрос по поводу загрузки изображения. Я подгружаю его прям совсем просто UserImage->Url = L"http://....Profile/photos/" + IntToStr(id_user) + L".jpg"; Но если изображение отсутствует?....просто обычно я это решал через TIdHTTP, но у верен что для Uni есть что то свое? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 14 minutes ago, Dinkin said: Но если изображение отсутствует? атрибут alt = имя компонента 1 Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 Спасибо, а где указать то алтернативную ссылку? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 7 minutes ago, Sherzod said: атрибут alt = имя компонента Это не ссылка, а альтернативный текст. Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 Я извиняюсь, но не понял а где это искать? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 2 minutes ago, Dinkin said: Я извиняюсь, но не понял а где это искать? Что именно? AltName ? Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 2 minutes ago, Sherzod said: Что именно? AltName ? Да, я поставил позицию true, но а как теперь мне связать ссылку на альтернативное изображение? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 Хорошо, Вы также можете использовать этот подход для альтернативной ссылки: .customImg img { border-radius: 50%; background-image:url('files/imageNotFound.svg'); } 1 Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 Спасибо, идею понял, что фоном будет картинку, а как быть с иконкой об отсутствии изображения? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 ShowAltName = False не помогает? Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 ShowAltName = true // Вобще так не работает ShowAltName = false// Работает, но с иконкой битого изображения Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 Какой браузер используете? Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 1 minute ago, Sherzod said: Какой браузер используете? chrome (актуальная версия) Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 Just now, Dinkin said: chrome (актуальная версия) У меня работает. Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 Есть конечно вариант проверять предварительно через какой то компонент HTTP, на корректность данных по ссылке, но наверное это будет костыль. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 Есть еще такое решение, Вы можете сами проанализировать. Я попробую чуть позже... <img alt="User Image" class="user-image" src="/Resources/images/user-icon.png" onerror="this.onerror=null; this.src='/Resources/images/default_img.png'"> Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 Извиняюсь, а куда это вставлять? 🙂 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 3 minutes ago, Dinkin said: Извиняюсь, а куда это вставлять? 🙂 5 minutes ago, Sherzod said: Я попробую чуть позже... Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 19, 2023 Share Posted October 19, 2023 А если использовать такой код? if FileExists() then begin end else begin UniImage1.Url := ''; end; Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 19, 2023 Author Share Posted October 19, 2023 1 minute ago, Sherzod said: А если использовать такой код? Так как картинка ссылкой, не лежит где то в директории, то он не подойдет🙃 9 minutes ago, Sherzod said: Я попробую чуть позже... Спасибо, буду ждать. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 20, 2023 Share Posted October 20, 2023 17 hours ago, Dinkin said: Так как картинка ссылкой, не лежит где то в директории, то он не подойдет🙃 Добрый день, Попробуйте это решение для всех "<img>"... MainForm.Script -> function insertAtIndex(str, substring, index) { return str.slice(0, index) + substring + str.slice(index); } Ext.override(Ext.Component, { initComponent: function() { if (this.html && this.html.indexOf('<img src=') > -1) { let _src = this.html.match(/<img src='([^']+)'/)[1]; if (_src != '') { this.html = insertAtIndex(this.html, " onerror=\"this.onerror=null; this.src='files/fileNotFound.svg'\"", 4); } } this.callParent(); } }); 1 Quote Link to comment Share on other sites More sharing options...
Dinkin Posted October 20, 2023 Author Share Posted October 20, 2023 Спасибо, все работает! 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.