كيفية استخدام واجهة برمجة تطبيقات تحميل الصور المجانية - imgur.com

باستخدام واجهة برمجة التطبيقات التي يوفرها موقع imgur.com ، يمكنك إنشاء وظيفة تتيح لك إرفاق الصور بمدونتك أو موقع الويب الخاص بك مجانًا.

اشتراك

إذا لم تكن مسجلاً كعضو ، فيرجى متابعة تسجيل العضوية أولاً على الموقع التالي.

Imgur: سحر الإنترنت

حدد زر التسجيل في الزاوية اليمنى العليا.

يمكنك أيضًا الاشتراك بسهولة مع حسابات اجتماعية أخرى. سوف أقوم بالتسجيل باستخدام حساب Google الخاص بي.

أدخل اسم المستخدم ورقم الهاتف المحمول واضغط على زر متابعة.

أدخل الرقم المكون من 7 أرقام المرسل إلى هاتفك المحمول واضغط على زر التسجيل.

يتم الانتهاء من التسجيل على الفور وسيتم نقلك إلى الشاشة التالية.

تسجيل التطبيق

بعد اكتمال تسجيل العضوية ، فإن الخطوة التالية هي متابعة عملية تسجيل الطلب لتحميل الصور إلى الخدمة التي تريدها.

حدد واجهة برمجة التطبيقات الموضحة أسفل موقع imgur.com الرئيسي.

سترى بعد ذلك وثائق Imgur API مثل هذا:

إذا قمت بالتمرير لأسفل قليلاً ، فسترى رابطًا لتسجيل طلبك ، دعنا نختاره.

إذا كنت تريد الذهاب إليه مباشرة ، فقط اضغط على الرابط التالي.

Imgur - تسجيل التطبيق

في الشاشة التالية ، سنقوم بملء الحقول المطلوبة. أدخل اسم التطبيق المناسب وعنوان URL الخاص بالموقع الذي تديره في عنوان URL الخاص بمعاودة الاتصال. يبدو أنه يمكنك إدخال عنوان مختلف ، لكني لست متأكدًا من السبب. سوف تقوم أيضًا بإدخال عنوان بريدك الإلكتروني. وانقر على زر الإرسال.

إذا أدخلت بشكل طبيعي ، يمكنك الحصول على قيم معرف العميل وسر العميل على النحو التالي. القيمة التي نحتاجها هي معرف العميل. تأكد من كتابة قيمة سر العميل أيضًا ، فقد تحتاجها لاحقًا. حتى إذا نسيت ، يمكنك إنشاء واحدة جديدة واستخدامها لاحقًا إذا لزم الأمر.

كيفية تحميل الملفات

يمكن التحقق من ذلك بسهولة باستخدام المثال التالي. أدخل قيمة معرّف العميل التي تم الحصول عليها أثناء تسجيل التطبيق في الجزء xxxxxxxxxx.

<input type="file" id="upload_image">
<button onclick="uploadImageTest()">upload</button>
<script>
    function uploadImageTest() {
        var bodyData = new FormData();
        var imageFile = document.querySelector("#upload_image").files[0];
        bodyData.append("image", imageFile);
        fetch("https://api.imgur.com/3/image", {
            method: "POST",
            headers: {
                Authorization: "Client-ID xxxxxxxxxxxxxxx",
                Accept: "application/json",
            },
            body: bodyData,
        }).then(function(res){
            return res.json();
        }).then(function(json){
            console.log(json);
        });
    }
</script>

في حالة نجاح تحميل الصورة ، يتم إرجاع المعلومات التالية. لذلك ، من الممكن الحكم على النجاح من خلال قيمة النجاح وإظهار الصورة الفعلية من خلال جزء الارتباط من البيانات.

{
  "data": {
    "id": "orunSTu",
    "title": null,
    "description": null,
    "datetime": 1495556889,
    "type": "image/gif",
    "animated": false,
    "width": 1,
    "height": 1,
    "size": 42,
    "views": 0,
    "bandwidth": 0,
    "vote": null,
    "favorite": false,
    "nsfw": null,
    "section": null,
    "account_url": null,
    "account_id": 0,
    "is_ad": false,
    "in_most_viral": false,
    "tags": [],
    "ad_type": 0,
    "ad_url": "",
    "in_gallery": false,
    "deletehash": "x70po4w7BVvSUzZ",
    "name": "",
    "link": "http://i.imgur.com/orunSTu.gif"
  },
  "success": true,
  "status": 200
}

اتمنى ان تجده مفيدا.