【问题标题】: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);
    }
    

    【讨论】:

      猜你喜欢
      • 2021-10-03
      • 2012-12-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-02-15
      • 2022-01-18
      • 1970-01-01
      相关资源
      最近更新 更多