Share code HTML tự động thay thế ảnh lỗi bằng ảnh đã cài đặt trước

Chèn hình ảnh minh họa trong bài viết là một việc không thể thiếu để tăng tính hấp dẫn với người đọc, hay trong những bài viết cần đến sự xuất hiện của hình ảnh. Tuy nhiên vì một lý do nào đó mà link ảnh bị hỏng khiến cho hình ảnh đó biến mất, hoặc một số trình duyệt hiện ra kí hiệu ảnh hỏng, cho dù là đang truy cập bằng điện thoại hay máy tính, khiến bài viết đó giảm đi giá trị, hay khiến người xem khó chịu.

[Tải ảnh]

Nhưng không sao, chúng ta vẫn có cách để khắc phục điều đó bằng mẹo, phòng bệnh hơn chữa bệnh mà, nên bạn có thể thêm mã trước để tự động thay hình ảnh hỏng bằng ảnh khác, bổ sung hình dự phòng vào bằng cách sử dụng mã HTML, chèn thêm đoạn mã này vào đoạn mã hiển thị ảnh:

vào thẻ img để trình duyệt tự thay thế ảnh hỏng bằng ảnh khác do bạn chỉ định.
Ví dụ:

Đoạn mã này thực chất là sử dụng thêm sự kiện onerror và kết hợp với JavaScript để thay thế đường dẫn ảnh bị hỏng bằng đường dẫn khác. Hầu hết các trình duyệt web hiện tại đều hỗ trợ sử dụng sự kiện onerror

Vậy đó, có điều là sẽ vất vả hơn chút thôi, nhưng chịu khó để đảm bảo an tâm.
Chúc wapsite/web site của bạn phát triển.