{"id":24059,"date":"2021-05-09T15:20:00","date_gmt":"2021-05-09T12:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24059"},"modified":"2021-10-18T03:17:15","modified_gmt":"2021-10-18T00:17:15","slug":"come-caricare-immagini-utilizzando-php-su-cloudinary-un-servizio-di-hosting-di-immagini-gratuito","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-caricare-immagini-utilizzando-php-su-cloudinary-un-servizio-di-hosting-di-immagini-gratuito\/","title":{"rendered":"Come caricare immagini utilizzando PHP su Cloudinary: un servizio di hosting di immagini gratuito"},"content":{"rendered":"<p>CDN non \u00e8 una parola nuova per gli sviluppatori web. CDN significa rete di distribuzione dei contenuti o rete di distribuzione dei contenuti. Ospitando i nostri CSS, JS e immagini su cloud e l&#8217;accesso tramite CDN, riduci il carico sul nostro server che in definitiva aiuta nelle prestazioni del sito web.<\/p>\n<p>Quando ospitiamo i nostri file sul cloud e vi accediamo tramite CDN, questi file vengono consegnati da server di terze parti al nostro server. Questo processo salva una chiamata extra per i file e di conseguenza il caricamento sul nostro server.<\/p>\n<p><a href=\"https:\/\/cloudinary.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cloudinary<\/a> \u00e8 un servizio di hosting di immagini che ci consente di gestire le nostre immagini e i nostri video. Forniscono piani sia gratuiti che a pagamento. Il piano gratuito di Cloudinary \u00e8 abbastanza buono. Di seguito \u00e8 riportato lo screenshot del loro piano gratuito.<\/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=\"Come caricare immagini utilizzando PHP su Cloudinary: un servizio di hosting di immagini gratuito\" ><\/a><\/p>\n<p>In questo articolo studiamo come caricare immagini su Cloudinary, visualizzare immagini da Cloudinary utilizzando PHP.<\/p>\n<h3>Ottieni chiave API e segreto API<\/h3>\n<p>La nostra applicazione interagir\u00e0 con Cloudinary. Per comunicare con Cloudinary dobbiamo creare chiavi API. Per questo, devi <a href=\"https:\/\/cloudinary.com\/users\/register\/free\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">creare un account<\/a> su Cloudinary e ottenere le tue chiavi API. Nel nostro caso, abbiamo bisogno di 3 cose: nome cloud, chiave API e segreto API. Riceverai tutti questi dettagli dalla dashboard di Cloudinary.<\/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=\"Come caricare immagini utilizzando PHP su Cloudinary: un servizio di hosting di immagini gratuito\" ><\/a><\/p>\n<p>La prossima cosa da fare \u00e8 installare la <a href=\"https:\/\/github.com\/cloudinary\/cloudinary_php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">libreria PHP ufficiale di un Cloudinary<\/a>. Dovresti avere <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> installato sul tuo sistema.<\/p>\n<p>Apri il terminale nella directory principale del tuo progetto ed esegui il comando seguente.<\/p>\n<pre><code>composer require cloudinary\/cloudinary_php<\/code><\/pre>\n<h3>Carica immagine su Cloudinary<\/h3>\n<p>Abbiamo creato un account su Cloudinary e ottenuto le nostre credenziali API. Abbiamo anche installato la libreria PHP. Ora siamo pronti per andare avanti e scrivere un pezzo di codice che carichi l&#8217;immagine su Cloudinary.<\/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>Nel codice sopra, \u00e8 necessario sostituire i segnaposto con i valori effettivi. Dovresti anche impostare un percorso per la tua immagine. Nel nostro caso, lo impostiamo su <code>__DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\n<p>Quando stampiamo la risposta, otteniamo l&#8217;output come di seguito.<\/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>Qui, devi memorizzare public_id o secure_url (o URL) nel tuo database. Memorizzando secure_url puoi passare direttamente questo URL al tag HTML img e visualizzare l&#8217;immagine. In caso di public_id, per visualizzare l&#8217;immagine \u00e8 necessario scrivere il codice come di seguito.<\/p>\n<pre><code>&lt;?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?&gt;<\/code><\/pre>\n<p>Inoltre, puoi impostare la larghezza, l&#8217;altezza, l&#8217;attributo alt usando lo stesso metodo.<\/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>Potresti anche leggere la documentazione ufficiale di <a href=\"https:\/\/cloudinary.com\/documentation\/php_integration\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">integrazione PHP di<\/a> Cloudinary .<\/p>\n<p>Ci auguriamo che tu capisca come lavorare con le API Clodinary. Ti consigliamo di utilizzare questo servizio di hosting di immagini che ti aiuta a migliorare le prestazioni del sito.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <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 \u00e8 un servizio di hosting di immagini gratuito in cui possiamo archiviare le immagini e i video della nostra applicazione. In questo tutorial, studiamo come caricare le immagini su<\/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":[276],"tags":[846],"class_list":["post-24059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-7","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=24059"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24059\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/22048"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=24059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=24059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=24059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}