Tự động phát hiện Images Url để hiển thị hình ảnh dưới thẻ <img>

Tự động nhận dạng địa chỉ hình ảnh (Image URL) sau đó hiển thị hình ảnh.

Regular Expression: Kiểm tra tính hợp lệ của địa chỉ hình ảnh

/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig

Đoạn javascript dưới đây sẽ tự động thay đổi tất cả các Image URL trong khối <div id="comment-holder"> và tự động chuyển sang thẻ hình ảnh <img> để hiển thị hình ảnh

Javascript:

var content = document.getElementById('comment-holder').innerHTML;
    content = content.replace(/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig, "<img src='$1' alt=''\/>");
document.getElementById('comment-holder').innerHTML = content;

Xem Demo

Tham khảo: Regex Replace URL with Links