Cụm từ thông dụng trong JavaScript - Thay thế thuộc tính src

Question

Trong JavaScript Tôi có một chuỗi chứa đoạn DOM. Làm cách nào để tìm và thay thế thuộc tính src của hình ảnh?

Tôi muốn thay thế đường dẫn của tất cả hình ảnh bằng một đường dẫn mới nhưng vẫn giữ tên hình ảnh. Không phải tất cả các đường dẫn đều giống nhau và có thể đến từ nhiều địa điểm khác nhau. Kỹ năng diễn đạt thông thường của tôi kém nhất.

Ví dụ:

Change 

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

into 

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

Answer 1

Hãy thử điều này:

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

Answer 2

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

Answer 3

Đã trả lời gumbo và bổ sung thêm một vài điều để cải thiện nó:

• Nếu đầu vào chuỗi chứa một cái gì đó khác với các thẻ <img> có thể có thuộc tính src - điều này sẽ không còn đối sánh/thay thế chúng nữa.

• Thuộc tính src có thể là sử dụng dấu nháy đơn hoặc kép.

• Thử nghiệm không phân biệt chữ hoa chữ thường.

Hệ quả là:

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

Answer 4

Nếu sử dụng nguyên liệu (không DOM) dữ liệu như HTML dưới dạng chuỗi, ở trên không phù hợp với ký tự dấu nháy kép. Mã này cũng có thể hữu ích:

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

Answer 5

Các giải pháp trên không hoạt động tốt trong trường hợp của tôi, nơi tôi phải thay thế tất cả đường dẫn tương đối thành đường dẫn tuyệt đối trước khi lưu trữ trong DB. Nhưng đây là giải pháp của tôi trong trường hợp tôi làm việc cho bất cứ ai khác. Chúc mừng.

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

Answer 6

tôi đã sử dụng những biểu hiện trong dự án của tôi, làm việc như quyến rũ, xử lý tất cả các trường hợp như thế, báo giá, báo giá gấp đôi, nhiều thẻ hình ảnh trong văn bản vv Trong Javascript

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

Trong PHP

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