https:\/\/api.imgur.com\/oauth2\/addclient<\/code>\n![\"imgur-oauth-client-application-registration-codexworld\"](\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2022\/04\/imgur-oauth-client-application-registration-codexworld-1024x693.png\")
<\/div>\n<\/li>\n- On successful App registration, the Client ID<\/b> and Client secret<\/b> will be generated. Collect Client ID to get started with the Imgur API.<\/li>\n
- You can get the Client ID from the App Settings page as well (
https:\/\/imgur.com\/account\/settings\/apps<\/code>).\n![\"imgur-account-app-settings-codexworld\"](\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2022\/04\/imgur-account-app-settings-codexworld-1024x351.png\")
<\/div>\n<\/li>\n- This Client ID<\/b> is required to be passed with an authorization header in the Imgur API request.\n
'Authorization<\/span>: Client<\/span>-ID<\/span> your-imgur-app-client-id'<\/pre>\n<\/li>\n<\/ul>\nUpload Image via Imgur API with PHP (Code Sample)<\/h2>\n
In the following example, we will use Imgur API to upload images and get the image URL.<\/p>\n
\n- Specify the Client ID to be used for Authorization.<\/li>\n
- Get data from source image using PHP file_get_contents().<\/li>\n
- Use PHP cURL to post images to Imgur API (API URL:
https:\/\/api.imgur.com\/3\/image<\/code>).<\/li>\n- Fetch API response and decode to array using json_decode() function in PHP.<\/li>\n
- Retrieve image link URL from API response using PHP.<\/li>\n<\/ul>\n
\/\/ Client ID of Imgur App
<\/span>$IMGUR_CLIENT_ID <\/span>= <\/span>\"YOUR_CLIENT_ID\"<\/span>;
<\/span>\/\/ Source image
<\/span>$image_source <\/span>= <\/span>file_get_contents<\/span>(<\/span>\"images\/codex-image.jpg\"<\/span>);
<\/span>\/\/ Post image to Imgur via API
<\/span>$ch <\/span>= <\/span>curl_init<\/span>();
<\/span>curl_setopt<\/span>(<\/span>$ch<\/span>, <\/span>CURLOPT_URL<\/span>, <\/span>'https:\/\/api.imgur.com\/3\/image'<\/span>);
<\/span>curl_setopt<\/span>(<\/span>$ch<\/span>, <\/span>CURLOPT_POST<\/span>, <\/span>TRUE<\/span>);
<\/span>curl_setopt<\/span>(<\/span>$ch<\/span>, <\/span>CURLOPT_RETURNTRANSFER<\/span>, <\/span>TRUE<\/span>);
<\/span>curl_setopt<\/span>(<\/span>$ch<\/span>, <\/span>CURLOPT_HTTPHEADER<\/span>, array(<\/span>'Authorization: Client-ID ' <\/span>. <\/span>$IMGUR_CLIENT_ID<\/span>));
<\/span>curl_setopt<\/span>(<\/span>$ch<\/span>, <\/span>CURLOPT_POSTFIELDS<\/span>, array(<\/span>'image' <\/span>=> <\/span>base64_encode<\/span>(<\/span>$image_source<\/span>)));
<\/span>$response <\/span>= <\/span>curl_exec<\/span>(<\/span>$ch<\/span>);
<\/span>curl_close<\/span>(<\/span>$ch<\/span>);
<\/span>\/\/ Decode API response to array
<\/span>$responseArr <\/span>= <\/span>json_decode<\/span>(<\/span>$response<\/span>);
<\/span>\/\/ Print API response
<\/span>print <\/span>'<pre>'<\/span>; <\/span>print_r<\/span>(<\/span>$responseArr<\/span>); print <\/span>'<\/pre>'<\/span>;
<\/span>\/\/ Display image from Imgur
<\/span>printf<\/span>(<\/span>'<img height=\"180\" src=\"%s\" >'<\/span>, <\/span>$responseArr<\/span>-><\/span>data<\/span>-><\/span>link<\/span>);<\/span><\/pre>\nAPI Response:<\/b>
\nOn successful upload, the Imgur API will return the following response in JSON format.<\/p>\n{\r\n \"data\"<\/span>: {\r\n \"id\"<\/span>: \"rwYHrBN\"<\/span>,\r\n \"title\"<\/span>: null<\/span>,\r\n \"description\"<\/span>: null<\/span>,\r\n \"datetime\"<\/span>: 1649096564<\/span>,\r\n \"type\"<\/span>: \"image\/jpeg\"<\/span>,\r\n \"animated\"<\/span>: false<\/span>,\r\n \"width\"<\/span>: 640<\/span>,\r\n \"height\"<\/span>: 400<\/span>,\r\n \"size\"<\/span>: 78307<\/span>,\r\n \"views\"<\/span>: 0<\/span>,\r\n \"bandwidth\"<\/span>: 0<\/span>,\r\n \"vote\"<\/span>: null<\/span>,\r\n \"favorite\"<\/span>: false<\/span>,\r\n \"nsfw\"<\/span>: null<\/span>,\r\n \"section\"<\/span>: null<\/span>,\r\n \"account_url\"<\/span>: null<\/span>,\r\n \"account_id\"<\/span>: 0<\/span>,\r\n \"is_ad\"<\/span>: false<\/span>,\r\n \"in_most_viral\"<\/span>: false<\/span>,\r\n \"has_sound\"<\/span>: false<\/span>,\r\n \"tags\"<\/span>: [],\r\n \"ad_type\"<\/span>: 0<\/span>,\r\n \"ad_url\"<\/span>: \"\"<\/span>,\r\n \"edited\"<\/span>: \"0\"<\/span>,\r\n \"in_gallery\"<\/span>: false<\/span>,\r\n \"deletehash\"<\/span>: \"addXM7EZF2UPGlp\"<\/span>,\r\n \"name\"<\/span>: \"\"<\/span>,\r\n \"link\"<\/span>: \"https:\/\/i.imgur.com\/rwYHrBN.jpg\"<\/span>\r\n },\r\n \"success\"<\/span>: true<\/span>,\r\n \"status\"<\/span>: 200<\/span>\r\n}<\/pre>\nImage Upload with Imgur API using PHP (Working Example)<\/h2>\n
This example script shows how to integrate Imgur API in the image upload form to upload and embed images on the webpage without hosting on the server.<\/p>\n
HTML Upload Form:<\/b>
\nThis HTML form allows you to select an image file to upload and input value for some optional fields.<\/p>\n\n- Define HTML elements that\n
\n- Allow selecting image files to upload.<\/li>\n
- Allow to input the title and description text.<\/li>\n<\/ul>\n<\/li>\n
- The <form<\/span>><\/span> tag must contain the
enctype=\"multipart\/form-data\"<\/code> attribute to post image data.<\/li>\n<\/ul>\n<form<\/span> method<\/span>=\"post\"<\/span> action<\/span>=\"\"<\/span> class<\/span>=\"form\"<\/span> enctype<\/span>=\"multipart\/form-data\"<\/span>><\/span>\r\n <div<\/span> class<\/span>=\"form-group\"<\/span>><\/span>\r\n <label<\/span>><\/span>Image<\/label<\/span>><\/span>\r\n <input<\/span> type<\/span>=\"file\"<\/span> name<\/span>=\"image\"<\/span> class<\/span>=\"form-control\"<\/span>><\/span>\r\n <\/div<\/span>><\/span>\r\n <div<\/span> class<\/span>=\"form-group\"<\/span>><\/span>\r\n <label<\/span>><\/span>Title<\/label<\/span>><\/span>\r\n <input<\/span> type<\/span>=\"text\"<\/span> name<\/span>=\"title\"<\/span> class<\/span>=\"form-control\"<\/span>><\/span>\r\n <\/div<\/span>><\/span>\r\n <div<\/span> class<\/span>=\"form-group\"<\/span>><\/span>\r\n <label<\/span>><\/span>Description<\/label<\/span>><\/span>\r\n <input<\/span> type<\/span>=