在Angular 9中从字符串中提取Url

Question

我是Angular9的新用户，我需要提取子串。

src=/sites/default/files/text_images/cover/gita.jpg

内 img 标签中看到的）。)

然后我需要构造一个新的url。http:/12.23.34sitesdefaultfilestext_imagescovergita.jpg。

请告诉我怎么才能做到。

以下是长字符串。

"\n\n<!-- THEME DEBUG -->\n<!-- THEME HOOK: 'image_formatter' -->\n<!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/image-formatter.html.twig' -->\n  \n\n<!-- THEME DEBUG -->\n<!-- THEME HOOK: 'image' -->\n<!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/image.html.twig' -->\n<img src=\"/sites/default/files/text_images/cover/gita.jpg\" alt=\"Bhagavad Gita\" typeof=\"foaf:Image\" />\n\n<!-- END OUTPUT from 'core/themes/stable/templates/field/image.html.twig' -->\n\n\n\n<!-- END OUTPUT from 'core/themes/stable/templates/field/image-formatter.html.twig' -->\n\n",

Answer 1

试着像下面的例子...

var str = "<img alt='' src='http://facebook.com' /><br/>Sample string<br/><a href='http://www.google.com'>http://www.google.com</a>";

var regex = /<img.*?src='(.*?)'/;
var src = regex.exec(str)[1];

console.log(src);