【问题标题】:JavaScript plugin for finding images links in plain-text and converting them to HTML <img> in angular js [closed]JavaScript 插件,用于以纯文本形式查找图像链接并将其转换为 Angular js 中的 HTML <img> [关闭]
【发布时间】:2023-04-10 19:44:01
【问题描述】:
我有一种情况,如果聊天消息带有图片链接,我需要显示图片,目前我只显示图片链接。
我认为我会检查 lastIndexOf('.') 并获取扩展名并在 ng-if 中匹配它的一个解决方案,但我觉得这不是一个很好的解决方案。
因此,我正在寻找任何为我做的库或角度内置模块,就像:
linkify(Linkify 是一个 JavaScript 插件,用于查找纯文本链接并将其转换为 HTML 标签)
【问题讨论】:
标签:
javascript
angularjs
image
linkify
【解决方案1】:
imgify(text) {
const regexp = /\b(https?:\/\/\S+(?:png|jpe?g|gif)\S*)\b/ig;
const replace = "<br><img src='$1'>";
return text.replace(regexp, replace);
}