Cách lấy ảnh trong javascript

Thí dụ. Nhận kích thước của một hình ảnh

// program to get the dimensions of an image

const img = new Image[];

// get the image
img.src = '//cdn.programiz.com/sites/tutorial2program/files/cover-artwork.png';

// get height and width
img.onload = function[] {
  console.log['width ' + this.width]
  console.log['height '+ this.height];
}

đầu ra

width 1040
height 922

Trong chương trình trên, hàm tạo new Image[] được sử dụng để tạo một đối tượng hình ảnh

Hàm tạo

width 1040
height 922

Sau đó,

width 1040
height 922

Hàm

width 1040
height 922

Chỉ cần lấy phần tử theo id của nó bằng cách sử dụng getElementById và sau đó chỉ cần sử dụng. src để lấy hình ảnh src JavaScript. Nguồn hình ảnh có thể định dạng URL

var imgsrc = document.getElementById["imageId"].src;

Thí dụ. Cách JavaScript lấy nguồn hình ảnh

Đây là mã ví dụ HTML để lấy src của hình ảnh trong JS. Chúng tôi đang sử dụng các biến để lưu trữ giá trị nguồn

   


   
        var imgsrc = document.getElementById["image"].getAttribute['src'];
        console.log[imgsrc]
     

đầu ra

Hãy cho chúng tôi biết nếu bạn biết bất kỳ cách nào khác hoặc có một ví dụ tốt hơn. Bạn cũng có thể nhận xét với bất kỳ đề xuất nào

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Hàm tạo

width 1040
height 922

width 1040
height 922

width 1040
height 922

Ghi chú. Không nên nhầm chức năng này với chức năng CSS

width 1040
height 922

new Image[]
new Image[width]
new Image[width, height]

width 1040
height 922

width 1040
height 922

width 1040
height 922

width 1040
height 922

const myImage = new Image[100, 200];
myImage.src = 'picture.jpg';
document.body.appendChild[myImage];

const myImage = new Image[100, 200];
myImage.src = 'picture.jpg';
document.body.appendChild[myImage];

const myImage = new Image[100, 200];
myImage.src = 'picture.jpg';
document.body.appendChild[myImage];

const myImage = new Image[100, 200];
myImage.src = 'picture.jpg';
document.body.appendChild[myImage];