Wyrażenie regularne w JavaScript - zastąpienie atrybutu src obrazu

Question

W JavaScript mam ciąg zawierający fragment DOM. Jak znaleźć i zastąpić atrybut src obrazu?

Chciałbym zastąpić ścieżkę wszystkich obrazów nową ścieżką, ale zachowując nazwę obrazu. Nie wszystkie ścieżki są takie same i mogą pochodzić z różnych lokalizacji. Moje umiejętności wyrażania regularności są w najlepszym wypadku słabe.

Na przykład:

Change 

    <img src='path/to/image/name.jpg' /> 

into 

    <img src='newPath/name.jpg' /> 

Answer 1

Spróbuj tego:

str.replace(/src='(?:[^'\/]*\/)*([^']+)'/g, "src='newPath/$1'"); 

Answer 2

replace(/(.*)\/(.*)/, "newPath/$2"); 

Answer 3

Took odpowiedź gumbo i dodał kilka rzeczy do poprawy to:

• Jeśli wejście ciąg zawiera coś inne niż <img> znaczniki, które mogą mieć atrybut a src - to nie będzie już pasować/zamieniać ich w postaci .

• Atrybut src może być przy użyciu pojedynczego lub podwójnego cudzysłowu.

• W teście nie ma znaczenia wielkość liter.

Wynikające w:

string.replace(/<img([^>]*)\ssrc=(['"])(?:[^\2\/]*\/)*([^\2]+)\2/gi, "<img$1 src=$2newPath/$3$2"); 

Answer 4

przypadku korzystania z surowych (nie-DOM) danych, takich jak HTML w postaci łańcucha, powyżej nie pasuje cudzysłów znaków. Kod ten może okazać się przydatny także:

root  = serviceURL("file") + "&src=" + encodeURIComponent(root); 
// html itself 
html  = html.replace(/src=['"](?:[^"'\/]*\/)*([^'"]+)['"]/g, "src='" + root + "/$1'"); 

Answer 5

powyższych rozwiązań nie działa dobrze w moim przypadku, gdzie musiałem wymienić całą ścieżkę względną do ścieżki bezwzględnej przed zapisaniem go w DB. Ale oto moje rozwiązanie w przypadku pracy w kopalni dla kogokolwiek innego. Twoje zdrowie.

replace(/<img([^>]*)\ssrc=(['"])(\/[^\2*([^\2\s<]+)\2/gi, "<img$1 src=$2" + BaseURL + "$3$2"); 

Answer 6

Kiedyś te wyrażenia w moim projekcie, działało jak uroku, obsługa wszystkich takich przypadkach, cytuję, podwójny cudzysłów, wielu tagów graficznych w tekście itp w JavaScript

text.replace(/\<img([^>]*)\ssrc=('|")([^>]*)\2\s([^>]*)\/\>/gi, "<img$1 src=$2newPath/$3$2 $4/>"); 

W PHP

preg_replace('/\<img([^>]*)\ssrc=(\'|\")([^>]*)\2\s([^>]*)\/\>/', "<img$1 src=$2newPath/$3$2 $4/>",$text);