Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách đặt src cho thẻ img trong HTML từ domain khác

Để dùng ảnh từ domain khác, dùng thẻ <img> với src trỏ đến URL domain kia. alt là văn bản thay thế khi ảnh lỗi.

Các thuộc tính

Thuộc tínhMô tả
altVăn bản thay thế
heightChiều cao
ismapServer-side image-map
longdescURL mô tả chi tiết
srcURL ảnh (domain khác)
usemapClient-side image-map
widthChiều rộng

Lưu ý: <img> không có thẻ đóng. Ảnh cross-origin có thể bị chặn bởi CORS policy nếu server không cho phép.

Cách đặt src cho thẻ img trong HTML từ domain khác

Ví dụ

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <h2>Qries</h2>
    <img src="https://www.qries.com/images/banner_logo.png" alt="Qries" width="200" height="90">
  </body>
</html>

Mẹo: Thêm crossorigin="anonymous" vào <img> để dùng với Canvas API (getImageData) không bị tainted.