Start 2025 on time and up to date. Seamlessly integrate your calendars into Dropbox with these simple steps.
Forum Discussion
PHP - Show thumbnail
Hi peepz, I'm running a PHP project for which I read a specific Dropbox directoty using 'list_folder'. Five files (JPG), matching certain criteria are selected from all returned files. So far, so ...
Wow!! I've managed to work it out :)
I've read the following post again https://www.dropboxforum.com/t5/API-support/API-v2-Simple-image-gallery-on-my-website-using-dropbox/td-p/169202After this, all I additionally changed is
echo $result;
to
$data = base64_encode( $result ); echo '<img src="data:image/jpg;charset=utf8;base64,'.$data.' />';
and now it works!! Thank you so much!
Best,
Knal
Hi Jane, I would appreciate that very much! :)
Until now I've created dropbox.php:
<?php
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://api.dropboxapi.com/2/files/list_folder"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_CAINFO, "cacert.pem"); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); curl_setopt($ch, CURLOPT_POSTFIELDS, '{"path":"/images","recursive":true,"include_media_info":true,"include_deleted":false}'); curl_setopt($ch, CURLOPT_POST, 1); $headers = array(); $headers[] = "Authorization: Bearer XXX_SECRET_TOKEN_XXX"; $headers[] = "Content-Type: application/json"; curl_setopt($ch, CURLOPT_HTTPHEADER, $headers); $result = curl_exec($ch); if (curl_errno($ch)) { echo 'Error:' . curl_error($ch); } curl_close ($ch); $json = json_decode($result, true);
I filter the $json['entries'] with some functions, which hand me all data of the 5 images I need.
Eventually, I want to display 5 thumbnails on my page, so I figured I call them separately using another file, image.php.
Image.php should then (in my opinion) serve the image as if it were an image file. That is where I get lost:
Image.php looks as follows:
<?PHP
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://content.dropboxapi.com/2/files/get_thumbnail");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CAINFO, "cacert.pem");
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($ch, CURLOPT_POSTFIELDS, '{"path":"/DropsyncFiles/2017.09.01_22.36.01/20170901223632654.jpg","format":{".tag":"jpeg"},"size":{".tag":"w1024h768"}');
curl_setopt($ch, CURLOPT_POST, 1);
$headers = array();
$headers[] = "Authorization: Bearer XXX_SECRET_TOKEN_XXX";
$headers[] = "Content-Type: application/json";
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
$result = curl_exec($ch);
if (curl_errno($ch)) {
echo 'Error:' . curl_error($ch);
}
curl_close ($ch);
header('Content-Type: image/jpeg');
imagejpeg( $result );
imagedestroy( $result );
?>
As you can see, I've lost my way and I have no cluo on what I'm doing. I've read the documentation stating that the respons is the image data but I can't seem to output it in the right way. The file however takes some time to load, so something's happening :)
Should you whish some additional info, please let me know!
Thank you,
Knal
Greg-DB
Dropbox Staff
Dropbox Staff[Cross-linking for reference: https://stackoverflow.com/questions/46043402/php-dropbox-api-v2-show-thumbnail ]
First, I would recommend doing a `echo $result;` to make sure the call worked. (You're checking for a curl error, but even if the connection succeeds, you need to check if the Dropbox API call was valid.)
Note that /2/files/get_thumbnail is a Content-Download style endpoint, so you need to call it differently than /2/files/list_folder, which is an RPC style endpoint.
There's an example of making a Content-Download call (albeit for /2/files/download, but it will work about the same) here:
Looking at your code, there seems to be a few things you will need to update:
- Content-Download calls require the parameters in a header, not the body.
- Your parameters don't seem to be valid JSON. (You appear to be missing a closing '}').
- You should send an empty 'Content-Type', not 'application/json'.
- Not strictly required, but we highly discourage disabling SSL verification.
Once you get the thumbnail data, what you do with it is up to you. E.g., save it to a file, such as in the example, stream back somewhere, etc.
Hi Greg,
Thanks a lot for pointing me in the right direction!
I've changed the code based on what I understood from your input:<?PHP $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, "https://content.dropboxapi.com/2/files/get_thumbnail"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $headers = array(); $headers[] = "Authorization: Bearer XXX_SECRET_CODE_XXX"; $headers[] = "Content-Type:"; $headers[] = 'Dropbox-API-Arg: {"path":"/DropsyncFiles/2017.09.01_22.36.01/20170901223632654.jpg","format":{".tag":"jpeg"},"size":{".tag":"w1024h768"}}'; curl_setopt($ch, CURLOPT_HTTPHEADER, $headers); $result = curl_exec($ch); if (curl_errno($ch)) { echo 'Error:' . curl_error($ch); } curl_close ($ch); //echo imagecreatefromstring( $result ); <-- Returns 'Resource id #2' in the browser echo $result; ?>The current output is complete jibberish like follows:
ÿØÿàJFIFÿâDICC_PROFILE4mntrRGB XYZ Þ+8acspöÖÓ- descüybkptxwtptŒcprt rXYZ¸gXYZÌbXYZàrTRCô@gTRCô@bTRCô@desc sRGB IEC61966-2-1 black scaledXYZ 3¤XYZ öÖÓ-textDropbox, Inc.XYZ o¢8õXYZ b™·…ÚXYZ $ „¶ÏcurvÅÌb“k ö@Q4!ñ)2;’FQv]íkpz‰²š|¬i¿~ÓÁé7ÿÿÿÛC % # , #&')*) -0-(0%()(ÿÛC (((((((((((((((((((((((((((((((((((((((((((((((((((ÿÀà€"ÿÄ ÿĵ}!1AQa"q2‘¡#B±ÁRÑð$3br‚ %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyzƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚáâãäåæçèéêñòóôõö÷øùúÿÄ ÿĵw!1AQaq"2B‘¡±Á #3RðbrÑ $4á%ñ&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz‚ƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚâãäåæçèéêòóôõö÷øùúÿÚ?ùÁIèiØëH£¹ÇáÔúö®C±7Ô@:ÒJZP2;ÒZħãšw§/¿SíI”•„ 8§(ã¯N´¸â”Th7 …>?¼=&:Զɺ@=Çó© Èßï1÷¦Ž¼TÌ “íI°z÷¤ €jYäS“Ó ˆ4У’EJT0; _óé@Y•ñ€~´cßó§mçœ ¿.csž¿•(O§ãONs€E:„ \g¿#Ú€½y©(¢Ã°Í¾ÿêj}ÂÚÆ98¤úÓÆÀàQBbh` zP^ <€zÐQpåJ úS€Çnih¸(÷Ž:S@>§KE (м ž´mÁõ§Q@$&:ã½-P0¤õÇzZ(Æ@ tâ–Š(¢Š(£PEPEPœPG¹¥¢€ŒR0zÓ¨ w§NÔm8ì u ‘mãÚ“¥›zàÓL›ãÞ’¤aüñL c#¥4ÃÔJkô4ïÆšãå4Кº)H:ÒGO¶i©Ðçl¶1¶£ñSÛu÷#Ö¢#$sRÛžÝ+9lTw-Žÿ…7ƒŸPqO 8éH}ˆ÷â²¹ºÐf ¡à`SñþsMÆ:tÍ"®F}(©ä ži»@ Zi¢6“§¯±¤§qlã¶i¸Å;¥'NûRCLAžýèçg9 ýhö¦˜ÛÉéIj“ÜqøS(Ä?Nµ8äTH9Õ§| :à`r…J·ëÞº3áÅŬ†îxî±…þb¿4g¨ïúW4ñT¡£‘¢¤Ï8Û‚ÙõýA"Œg© VÐÐ&µ¼ŠÚvY¡¸Ï“:tcéÏC팊ÈòÝT³FÁ7 ùñ[
... but then a lot longer.
I imagine this is the actual image data, but now I can't output it as an image. Also, I've read your endpoint download link again (I did before posting) but I can't figure out what this means for my code.
My apologies, I am not very good at coding as you can see :)
Thanks,
KnalWow!! I've managed to work it out :)
I've read the following post again https://www.dropboxforum.com/t5/API-support/API-v2-Simple-image-gallery-on-my-website-using-dropbox/td-p/169202After this, all I additionally changed is
echo $result;
to
$data = base64_encode( $result ); echo '<img src="data:image/jpg;charset=utf8;base64,'.$data.' />';
and now it works!! Thank you so much!
Best,
KnalHi!!
I am having the same issue here. I tried to read to documentation at the link below but I received a message saying: access denied!
Can you help me out pleeease?
Thank you in advance.
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
