1. Produkte
  2.   Bild
  3.   JavaScript
  4.   Image-Size
 
  

Open-Source-JavaScript-Bibliothek für die Bildverarbeitung

JavaScript API zum Erkennen von Bildabmessungen

Was ist Bildgröße?

Image-Size ist eine sehr einfache, leichtgewichtige Bildverarbeitungsbibliothek, die es Softwareentwicklern ermöglicht, die Abmessungen von Bildern zur Laufzeit zu erhalten. Die API unterstützt eine Vielzahl von Bildformaten und Sie können mit der API Abmessungen der meisten gängigen Dateiformate abrufen. Die API bietet eine synchrone und asynchrone Methode zum Arbeiten mit den Bildern. Die asynchronen Funktionen haben ein Standard-Parallelitätslimit von 100 und um dieses Limit zu ändern, können Sie die Parallelität manuell ändern. Außerdem funktioniert die asynchrone Version nicht, wenn die Eingabe ein Puffer ist, und Sie müssen stattdessen die asynchrone Methode verwenden.

Previous Next

Erste Schritte mit Image-Size

Der empfohlene Weg, Image-Size über NPM zu installieren. Bitte verwenden Sie den folgenden Befehl, um es zu installieren.

Install

 npm install image-size --global

Holen Sie sich Bildabmessungen über die kostenlose JavaScript-API

Die Open-Source Image-Size Bibliothek erlaubt JavaScript Entwicklern, die Dimensionen der Bilder grammatisch zu erhalten. Um Abmessungen von einem Bild zu erhalten, stellt die API sizeOf() Methode zur Verfügung. Durch die Verwendung der folgenden zwei Zeilen Code können Sie die Dimensionen des Bildes leicht bekommen.

Bildabmessungen erhalten

  1. Bildgrößenbibliothek laden
  2. Holen Sie sich die Abmessungen mit der Methode sizeOf () und übergeben Sie den Bildpfad als Zeichenfolge
  3. Holen Sie sich die Breite des Bildes mit dimensions.width und die Höhe mit dimensions.height

Get Image Dimensions via JavaScript

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

Die Image-Size Bibliothek hat auch Funktionen zur Verfügung gestellt, um die Größe des Bildes mit einem URL zu bekommen. Es ist auch möglich, das gesamte Bild nicht herunterzuladen und optional das Herunterladen des Bildes nach ein paar Kilobytes einzustellen. Es ist auch möglich, bestimmte Bildtypen zu deaktivieren. Das folgende Beispiel zeigt, wie man mit Hilfe einer URL-URL-URL-URL-80 Bildgröße auf die Bildgröße zugreift.

Get Image Size via 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))
  })
})
 Deutsch