مكتبة جافا سكريبت مفتوحة المصدر لمعالجة الصور

JavaScript API للكشف عن أبعاد الصورة

ما هو حجم الصورة؟

Image-Size هي مكتبة معالجة صور خفيفة الوزن بسيطة للغاية تمكن مطوري البرامج من الحصول على أبعاد الصور في وقت التشغيل. تدعم واجهة برمجة التطبيقات مجموعة كبيرة من تنسيقات الصور ويمكنك الحصول على أبعاد معظم تنسيقات الملفات الشائعة باستخدام واجهة برمجة التطبيقات. توفر واجهة برمجة التطبيقات طريقة متزامنة وغير متزامنة للعمل مع الصور. الوظائف غير المتزامنة لها حد التزامن افتراضي 100 ومن أجل تغيير هذا الحد ، يمكنك تغيير التزامن يدويًا. علاوة على ذلك ، لا يعمل الإصدار غير المتزامن إذا كان الإدخال عبارة عن مخزن مؤقت وسيتعين عليك استخدام الطريقة غير المتزامنة بدلاً من ذلك.

Previous Next

الشروع في العمل مع حجم الصورة

الطريقة الموصى بها لتثبيت حجم الصورة عبر NPM. الرجاء استخدام الأمر التالي لتثبيته.

تثبيت حجم الصورة عبر NPM

 npm install image-size --global 

احصل على أبعاد الصورة عبر Free JavaScript API

تسمح مكتبة حجم الصور مفتوحة المصدر لمطوري JavaScript بالحصول على أبعاد الصور برمجيًا. من أجل الحصول على أبعاد من صورة ، توفر API طريقة sizeOf (). باستخدام السطرين التاليين من التعليمات البرمجية ، يمكنك بسهولة الحصول على أبعاد الصورة.

احصل على أبعاد الصورة

  1. تحميل مكتبة حجم الصورة
  2. احصل على أبعاد باستخدام طريقة sizeOf () ومرر مسار الصورة كسلسلة
  3. احصل على عرض الصورة باستخدام الأبعاد والعرض والارتفاع باستخدام الأبعاد والارتفاع

احصل على أبعاد الصورة عبر JavaScript

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

توفر مكتبة حجم الصورة أيضًا وظائف للحصول على حجم الصورة باستخدام عنوان URL. من الممكن أيضًا عدم تنزيل الصورة بأكملها وإيقاف تنزيل الصورة اختياريًا بعد بضعة كيلوبايت. من الممكن أيضًا تعطيل أنواع معينة من الصور. يوضح المثال التالي كيفية الوصول إلى بُعد الصورة باستخدام عنوان URL

احصل على حجم الصورة عبر 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))
  })
})
 عربي