問(wèn)題描述

我有這樣的一個(gè)文本：

<p>sdsadsad</p><p><img src='http://www.leifengta.com.cn/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.leifengta.com.cn/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>

用js 寫(xiě)正則提取里面所有的img標(biāo)簽的src值的一部分,然后將提取到的多個(gè)值用/@/拼接成一個(gè)新的字符串

20170701/6363450829304727881702482.jpg/@/20170701/6363450829304727881702483.jpg

問(wèn)題解答

var html = ’<p>sdsadsad</p><p><img src='http://www.leifengta.com.cn/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.leifengta.com.cn/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>’;var txt = html .match(/src='http://www.leifengta.com.cn/wenda/([^']*?)'/g) .map(m => m.replace(/^src='http://www.leifengta.com.cn/Edite/net/upload/image/([^']*)'$/, ’$1’)) .join(’/@/’);console.log(txt);

效果：

const html = `<p>sdsadsad</p><p><img src='http://www.leifengta.com.cn/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.leifengta.com.cn/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>`;console.log(html.match(/src='http://www.leifengta.com.cn/wenda/([^']*?)'/g).map(m => m.replace(’src='http://www.leifengta.com.cn/Edite/net/upload/image/’, ’’).replace(/'/g, ’’)).join(’/@/’))

在線體驗(yàn)