Open Source JavaScript-bibliotek for bildebehandling
JavaScript API for å oppdage bildedimensjoner
Hva er bildestørrelse?
Image-Size er et veldig enkelt, lett bildebehandlingsbibliotek som gjør det mulig for programvareutviklere å få dimensjoner på bilder under kjøring. API-en støtter et bredt spekter av bildeformater, og du kan få dimensjoner på de fleste av de populære filformatene ved å bruke API. API gir en synkron og asynkron metode for å jobbe med bildene. De asynkrone funksjonene har en standard samtidighetsgrense på 100 og for å endre denne grensen kan du endre samtidighet manuelt. Videre fungerer ikke den asynkrone versjonen hvis inngangen er en buffer, og du må bruke den asynkrone metoden i stedet.
Komme i gang med bildestørrelse
Den anbefalte måten å installere Image-Size på via NPM. Bruk følgende kommando for å installere den.
Installer Image-Size via NPM
npm install image-size --global
Få bildedimensjoner via gratis JavaScript API
Open-source Image-Size-biblioteket lar JavaScript-utviklere få dimensjonene til bildene programmatisk. For å få dimensjoner fra et bilde, gir API-en sizeOf()-metoden. Ved å bruke følgende to kodelinjer kan du enkelt få dimensjonene til bildet.
Få bildedimensjoner
- Last inn bildestørrelsesbibliotek
- Få dimensjoner ved å bruke sizeOf()-metoden og send bildebane som streng
- Få bredden på bildet ved å bruke dimensions.width og høyde ved å bruke dimensions.height
Få bildedimensjoner via JavaScript
const sizeOf = require('image-size')
const dimensions = sizeOf('images/funny-cats.png')
console.log(dimensions.width, dimensions.height)
Image-Size-biblioteket har også gitt funksjonalitet for å få størrelsen på bildet ved hjelp av en URL. Det er også mulig å ikke laste ned hele bildet og eventuelt slutte å laste ned bildet etter noen kilobyte. Det er også mulig å deaktivere visse bildetyper. Følgende eksempel viser hvordan du får tilgang til bildedimensjonen ved hjelp av en URL
Få bildestørrelse 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))
})
})