Thư viện JavaScript nguồn mở để xử lý hình ảnh

API JavaScript để phát hiện kích thước hình ảnh

Kích thước hình ảnh là gì?

Image-Size là một thư viện xử lý hình ảnh trọng lượng nhẹ rất đơn giản cho phép các nhà phát triển phần mềm có được kích thước của hình ảnh tại thời điểm chạy. API hỗ trợ một loạt các định dạng hình ảnh và bạn có thể nhận được kích thước của hầu hết các định dạng tệp phổ biến bằng cách sử dụng API. API cung cấp một phương pháp đồng bộ và không đồng bộ để làm việc với các hình ảnh. Các hàm không đồng bộ có giới hạn đồng thời mặc định là 100 và để thay đổi giới hạn này, bạn có thể thay đổi đồng thời theo cách thủ công. Hơn nữa, phiên bản không đồng bộ không hoạt động nếu đầu vào là Bộ đệm và thay vào đó bạn sẽ phải sử dụng phương thức không đồng bộ.

Nhìn sơ qua

Tổng quan về các tính năng Kích thước hình ảnh.

Nhận kích thước hình ảnh
Đồng bộ
Không đồng bộ
Hình ảnh nhiều kích thước
Nhận thứ nguyên bằng cách sử dụng URL
Tắt một số loại hình ảnh nhất định
Tắt tất cả các lần đọc hệ thống tệp

Kích cỡ hình

Image-Size hỗ trợ các định dạng tệp Hình ảnh phổ biến được liệt kê bên dưới.

Người đọc

BMP, CUR, DDS, GIF, ICNS, ICO, JPEG, KTX, PNG, PNM, PSD, SVG, TIFF, WebP

Kích cỡ hình

Nền tảng độc lập

Image-Size có thể được sử dụng trong nhiều môi trường như Node hoặc trình duyệt, v.v.

JavaScript

Kích cỡ hình

Bắt đầu với Kích thước hình ảnh

Cách được khuyến nghị để cài đặt Image-Size qua NPM. Vui lòng sử dụng lệnh sau để cài đặt nó.

Cài đặt Image-Size qua đêm

 npm install image-size --global

Nhận kích thước hình ảnh thông qua API JavaScript miễn phí

Thư viện Kích thước Hình ảnh mã nguồn mở cho phép các nhà phát triển JavaScript lấy kích thước của hình ảnh theo chương trình. Để lấy kích thước từ hình ảnh, API cung cấp phương thức sizeOf (). Bằng cách sử dụng hai dòng mã sau, bạn có thể dễ dàng nhận được kích thước của hình ảnh.

Nhận kích thước hình ảnh

Tải Thư viện Kích thước Hình ảnh
Nhận kích thước bằng cách sử dụng phương thức sizeOf () và chuyển đường dẫn hình ảnh dưới dạng chuỗi
Nhận chiều rộng của hình ảnh bằng cách sử dụng kích thước. Chiều rộng và chiều cao bằng cách sử dụng kích thước. Chiều cao

Nhận kích thước hình ảnh qua JavaScript

const sizeOf = require('image-size')
const dimensions = sizeOf('images/funny-cats.png')
console.log(dimensions.width, dimensions.height)

Thư viện Image-Size cũng cung cấp chức năng để lấy kích thước của hình ảnh bằng URL. Nó cũng có thể không tải toàn bộ hình ảnh và không thể ngừng tải hình ảnh sau vài kilobytes. Cũng có thể vô hiệu hóa các loại hình ảnh nhất định. Ví dụ sau cho thấy cách truy cập kích thước hình ảnh bằng URL

Kích thước hình ảnh qua URL

const url = require('url')
const http = require('http')
const sizeOf = require('image-size')
const imgUrl = 'http://my-amazing-website.com/image.jpeg'
const options = url.parse(imgUrl)
http.get(options, function (response) {
  const chunks = []
  response.on('data', function (chunk) {
    chunks.push(chunk)
  }).on('end', function() {
    const buffer = Buffer.concat(chunks)
    console.log(sizeOf(buffer))
  })
})