So laden Sie Bilder mit PHP auf Cloudinary hoch – Ein kostenloser Image-Hosting-Service

Last updated 18. Oktober 2021

Inhalt

CDN ist kein neues Wort für Webentwickler. CDN bedeutet Content Delivery Network oder Content Distribution Network. Durch das Hosten unseres CSS, JS und Bilder in der Cloud und den Zugriff über CDN reduzieren Sie die Belastung unseres eigenen Servers, was letztendlich zur Leistung der Website beiträgt.

Wenn wir unsere Dateien in der Cloud hosten und über CDN darauf zugreifen, werden diese Dateien von Drittanbieter-Servern an unseren Server geliefert. Dieser Vorgang erspart einen zusätzlichen Aufruf von Dateien und damit die Belastung unseres eigenen Servers.

Cloudinary ist ein Bildhosting-Dienst, mit dem wir unsere Bilder und Videos verwalten können. Sie bieten sowohl kostenlose als auch kostenpflichtige Pläne an. Der kostenlose Cloudinary-Plan ist ziemlich gut. Unten ist der Screenshot ihres kostenlosen Plans.

In diesem Artikel untersuchen wir, wie Sie Bilder auf Cloudinary hochladen und Bilder von Cloudinary mit PHP anzeigen.

API-Schlüssel und API-Geheimnis abrufen

Unsere Anwendung wird mit dem Cloudinary interagieren. Um mit dem Cloudinary zu kommunizieren, müssen wir API-Schlüssel erstellen. Dazu müssen Sie ein Konto bei Cloudinary erstellen und Ihre API-Schlüssel abrufen. In unserem Fall benötigen wir 3 Dinge – Cloud-Name, API-Schlüssel und API-Geheimnis. Sie erhalten alle diese Details aus dem Cloudinary-Dashboard.

Als nächstes müssen Sie die offizielle PHP-Bibliothek eines Cloudinary installieren. Sie sollten Composer auf dem System installiert.

Öffnen Sie das Terminal in Ihrem Projektstammverzeichnis und führen Sie den folgenden Befehl aus.

composer require cloudinary/cloudinary_php

Bild auf Cloudinary hochladen

Wir haben ein Konto bei Cloudinary erstellt und erhalten unsere API-Anmeldeinformationen. Wir haben auch die PHP-Bibliothek installiert. Jetzt sind wir bereit, einen Code zu schreiben, der ein Bild auf Cloudinary hochlädt.

<?php
require_once "vendor/autoload.php";
 
Cloudinary::config(array( 
    "cloud_name" => 'YOUR_CLOUD_NAME', 
    "api_key" => 'YOUR_API_KEY', 
    "api_secret" => 'YOUR_API_SECRET'
));
 
$arr_result = CloudinaryUploader::upload(__DIR__. "/images/sample.png");
print_r($arr_result);
?>

Im obigen Code müssen Sie Platzhalter durch die tatsächlichen Werte ersetzen. Sie sollten auch einen Pfad für Ihr Bild festlegen. In unserem Fall haben wir es auf gesetzt __DIR__. "/images/sample.png".

Wenn wir die Antwort drucken, erhalten wir die Ausgabe wie unten.

Array ([public_id] => sample
    [version] => 1312461204
    [width] => 864
    [height] => 576
    [format] => jpg
    [bytes] => 120253
    [url] => https://res.cloudinary.com/demo/image/upload/v1371281596/sample.jpg
    [secure_url] => https://res.cloudinary.com/demo/image/upload/v1371281596/sample.jpg
)

Hier müssen Sie public_id oder secure_url (oder URL) in Ihrer Datenbank speichern. Durch Speichern von secure_url können Sie diese URL direkt an das HTML-img-Tag übergeben und das Bild anzeigen. Im Fall von public_id müssen Sie den folgenden Code schreiben, um das Bild anzuzeigen.

<?php
echo cl_image_tag('PASTE_PUBLID_ID_HERE');
?>

Darüber hinaus können Sie die Breite, Höhe und das Alt-Attribut mit derselben Methode festlegen.

<?php
echo cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' => 'test', 'width' => 100, 'height' => 150]);
?>

Vielleicht möchten Sie auch die offizielle Dokumentation zur PHP-Integration von Cloudinary lesen .

Wir hoffen, dass Sie verstehen, wie Sie mit den Clodinary APIs arbeiten. Wir empfehlen, diesen Image-Hosting-Service zu verwenden, der Ihnen bei der Verbesserung der Site-Leistung hilft.

Aufnahmequelle: artisansweb.net