{"id":23985,"date":"2021-05-09T14:43:00","date_gmt":"2021-05-09T11:43:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23985"},"modified":"2021-10-18T02:45:39","modified_gmt":"2021-10-17T23:45:39","slug":"so-laden-sie-bilder-mit-php-auf-cloudinary-hoch-ein-kostenloser-image-hosting-service","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-laden-sie-bilder-mit-php-auf-cloudinary-hoch-ein-kostenloser-image-hosting-service\/","title":{"rendered":"So laden Sie Bilder mit PHP auf Cloudinary hoch &#8211; Ein kostenloser Image-Hosting-Service"},"content":{"rendered":"<p>CDN ist kein neues Wort f\u00fcr Webentwickler. CDN bedeutet Content Delivery Network oder Content Distribution Network. Durch das Hosten unseres CSS, JS und Bilder in der Cloud und den Zugriff \u00fcber CDN reduzieren Sie die Belastung unseres eigenen Servers, was letztendlich zur Leistung der Website beitr\u00e4gt.<\/p>\n<p>Wenn wir unsere Dateien in der Cloud hosten und \u00fcber CDN darauf zugreifen, werden diese Dateien von Drittanbieter-Servern an unseren Server geliefert. Dieser Vorgang erspart einen zus\u00e4tzlichen Aufruf von Dateien und damit die Belastung unseres eigenen Servers.<\/p>\n<p><a href=\"https:\/\/cloudinary.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cloudinary<\/a> ist ein Bildhosting-Dienst, mit dem wir unsere Bilder und Videos verwalten k\u00f6nnen. Sie bieten sowohl kostenlose als auch kostenpflichtige Pl\u00e4ne an. Der kostenlose Cloudinary-Plan ist ziemlich gut. Unten ist der Screenshot ihres kostenlosen Plans.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e47545.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e47545.png\" alt=\"So laden Sie Bilder mit PHP auf Cloudinary hoch - Ein kostenloser Image-Hosting-Service\" ><\/a><\/p>\n<p>In diesem Artikel untersuchen wir, wie Sie Bilder auf Cloudinary hochladen und Bilder von Cloudinary mit PHP anzeigen.<\/p>\n<h3>API-Schl\u00fcssel und API-Geheimnis abrufen<\/h3>\n<p>Unsere Anwendung wird mit dem Cloudinary interagieren. Um mit dem Cloudinary zu kommunizieren, m\u00fcssen wir API-Schl\u00fcssel erstellen. Dazu m\u00fcssen Sie <a href=\"https:\/\/cloudinary.com\/users\/register\/free\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ein Konto<\/a> bei Cloudinary <a href=\"https:\/\/cloudinary.com\/users\/register\/free\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">erstellen<\/a> und Ihre API-Schl\u00fcssel abrufen. In unserem Fall ben\u00f6tigen wir 3 Dinge \u2013 Cloud-Name, API-Schl\u00fcssel und API-Geheimnis. Sie erhalten alle diese Details aus dem Cloudinary-Dashboard.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e9e7f9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e9e7f9.png\" alt=\"So laden Sie Bilder mit PHP auf Cloudinary hoch - Ein kostenloser Image-Hosting-Service\" ><\/a><\/p>\n<p>Als n\u00e4chstes m\u00fcssen Sie die <a href=\"https:\/\/github.com\/cloudinary\/cloudinary_php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">offizielle PHP-Bibliothek eines Cloudinary<\/a> installieren. Sie sollten <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> auf dem System installiert.<\/p>\n<p>\u00d6ffnen Sie das Terminal in Ihrem Projektstammverzeichnis und f\u00fchren Sie den folgenden Befehl aus.<\/p>\n<pre><code>composer require cloudinary\/cloudinary_php<\/code><\/pre>\n<h3>Bild auf Cloudinary hochladen<\/h3>\n<p>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\u00e4dt.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nCloudinary::config(array( \n\u00a0\u00a0\u00a0\u00a0\"cloud_name\" =&gt; 'YOUR_CLOUD_NAME', \n\u00a0\u00a0\u00a0\u00a0\"api_key\" =&gt; 'YOUR_API_KEY', \n\u00a0\u00a0\u00a0\u00a0\"api_secret\" =&gt; 'YOUR_API_SECRET'\n));\n\u00a0\n$arr_result = CloudinaryUploader::upload(__DIR__. \"\/images\/sample.png\");\nprint_r($arr_result);\n?&gt;<\/code><\/pre>\n<p>Im obigen Code m\u00fcssen Sie Platzhalter durch die tats\u00e4chlichen Werte ersetzen. Sie sollten auch einen Pfad f\u00fcr Ihr Bild festlegen. In unserem Fall haben wir es auf gesetzt <code>__DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\n<p>Wenn wir die Antwort drucken, erhalten wir die Ausgabe wie unten.<\/p>\n<pre><code>Array ([public_id] =&gt; sample\n    [version] =&gt; 1312461204\n    [width] =&gt; 864\n    [height] =&gt; 576\n    [format] =&gt; jpg\n    [bytes] =&gt; 120253\n    [url] =&gt; https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n    [secure_url] =&gt; https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n)<\/code><\/pre>\n<p>Hier m\u00fcssen Sie public_id oder secure_url (oder URL) in Ihrer Datenbank speichern. Durch Speichern von secure_url k\u00f6nnen Sie diese URL direkt an das HTML-img-Tag \u00fcbergeben und das Bild anzeigen. Im Fall von public_id m\u00fcssen Sie den folgenden Code schreiben, um das Bild anzuzeigen.<\/p>\n<pre><code>&lt;?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?&gt;<\/code><\/pre>\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie die Breite, H\u00f6he und das Alt-Attribut mit derselben Methode festlegen.<\/p>\n<pre><code>&lt;?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' =&gt; 'test', 'width' =&gt; 100, 'height' =&gt; 150]);\n?&gt;<\/code><\/pre>\n<p>Vielleicht m\u00f6chten Sie auch die offizielle Dokumentation zur <a href=\"https:\/\/cloudinary.com\/documentation\/php_integration\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP-Integration von<\/a> Cloudinary lesen .<\/p>\n<p>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.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cloudinary ist ein kostenloser Bildhosting-Dienst, bei dem wir unsere Anwendungsbilder und -videos speichern k\u00f6nnen. In diesem Tutorial lernen wir, wie man Bilder auf . hochl\u00e4dt<\/p>\n","protected":false},"author":1,"featured_media":22048,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[272],"tags":[845],"class_list":["post-23985","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=23985"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23985\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/22048"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=23985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=23985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=23985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}