En este art\u00edculo, estudiamos c\u00f3mo cargar im\u00e1genes en Cloudinary, mostrar im\u00e1genes de Cloudinary usando PHP.<\/p>\n Nuestra aplicaci\u00f3n va a interactuar con Cloudinary. Para comunicarnos con Cloudinary necesitamos crear claves API. Para eso, debe crear una cuenta<\/a> en Cloudinary y obtener sus claves API. En nuestro caso, necesitamos 3 cosas: nombre de la nube, clave de API y secreto de API. Obtendr\u00e1 todos estos detalles del panel de Cloudinary.<\/p>\n Lo siguiente que debe hacer es instalar la biblioteca PHP oficial de Cloudinary<\/a>. Deber\u00eda tener Composer<\/a> instalado en su sistema.<\/p>\n Abra la terminal en el directorio ra\u00edz de su proyecto y ejecute el siguiente comando.<\/p>\n Hemos creado una cuenta en Cloudinary y obtenemos nuestras credenciales de API. Tambi\u00e9n instalamos la biblioteca PHP. Ahora, estamos listos para seguir adelante y escribir un fragmento de c\u00f3digo que cargue la imagen en Cloudinary.<\/p>\n En el c\u00f3digo anterior, debe reemplazar los marcadores de posici\u00f3n con los valores reales. Tambi\u00e9n debe establecer un camino para su imagen. En nuestro caso, lo configuramos en Cuando imprimimos la respuesta, obtenemos el resultado como se muestra a continuaci\u00f3n.<\/p>\n Aqu\u00ed, debe almacenar public_id o secure_url (o URL) en su base de datos. Al almacenar secure_url, puede pasar directamente esta URL a la etiqueta HTML img y mostrar la imagen. En el caso de public_id, para mostrar la imagen, debe escribir el c\u00f3digo de la siguiente manera.<\/p>\n Adem\u00e1s, puede establecer el ancho, la altura y el atributo alt utilizando el mismo m\u00e9todo.<\/p>\n Tambi\u00e9n le puede interesar leer la documentaci\u00f3n de integraci\u00f3n PHP<\/a> oficial de Cloudinary .<\/p>\n Esperamos que comprenda c\u00f3mo trabajar con las API de Clodinary. Recomendamos utilizar este servicio de alojamiento de im\u00e1genes que le ayudar\u00e1 a mejorar el rendimiento del sitio.<\/p>\n![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e47545.png\")
<\/a><\/p>\nObtener clave de API y secreto de API<\/h3>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e9e7f9.png\")
<\/a><\/p>\ncomposer require cloudinary\/cloudinary_php<\/code><\/pre>\nCargar imagen en Cloudinary<\/h3>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nCloudinary::config(array( \n\u00a0\u00a0\u00a0\u00a0\"cloud_name\" => 'YOUR_CLOUD_NAME', \n\u00a0\u00a0\u00a0\u00a0\"api_key\" => 'YOUR_API_KEY', \n\u00a0\u00a0\u00a0\u00a0\"api_secret\" => 'YOUR_API_SECRET'\n));\n\u00a0\n$arr_result = CloudinaryUploader::upload(__DIR__. \"\/images\/sample.png\");\nprint_r($arr_result);\n?><\/code><\/pre>\n__DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\nArray ([public_id] => sample\n [version] => 1312461204\n [width] => 864\n [height] => 576\n [format] => jpg\n [bytes] => 120253\n [url] => https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n [secure_url] => https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n)<\/code><\/pre>\n<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?><\/code><\/pre>\n<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' => 'test', 'width' => 100, 'height' => 150]);\n?><\/code><\/pre>\n