Thumbnails

[vildantursic]

Hi, I am using dropbox V2 API (current version from npm 3.0.4). Working with VueJS / Nuxt.

And I am trying to get thumbnails from dropbox folder,

This console message I am getting (Dropbox-sdk.min.js)

TypeError: t.buffer is not a function

And this is code I am executing

dbx.filesListFolder({ path: '/Website/1. Overview', recursive: true, include_media_info: true, include_deleted: false, include_has_explicit_shared_members: false, include_mounted_folders: false, limit: 5 })
  .then(function(response) {
    console.log(response);
    dbx.filesGetThumbnail({ path: response.entries[1].path_display, format: 'jpeg', size: 'w64h64' })
      .then(function(result) {
        window.data = result;
        console.log(result);
      })
      .catch(function(error) {
        console.log(error);
      });
  })
  .catch(function(error) {
    console.log(error);
  });

So, one thing I noticed that my files in that folder have property with "file" value

{
 ".tag": "file"
}

should it be any of image formats "jpeg" | "png"

Thank you for any kind of answer 🙂 

[Greg-DB]

Regarding the TypeError issue, please refer to this recent JavaScript SDK issue for more information and a workaround:

https://github.com/dropbox/dropbox-sdk-js/issues/172

(Note that filesDownload and filesGetThumbnail download data in the same way.)

The ".tag" value is expected. That identifies the type of the entry, and will be one of "file", "folder", or "deleted", not the file type. For the file type, please refer to the file extension in the path or name.

[vildantursic]

Hi again, I fixed that issue, but I have one more question that I couldn't find answer for.

filesDownload or filesGetThumbnail returns object with fileBinary property. I can't in any way I tried convert that data to image.

Most of the time I get this exception

DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

Unless I do this

...
img.src='data:image/jpeg;base64,' + window.btoa(unescape(encodeURIComponent(response.data.fileBinary)));
...

But again it is unreadable

And here is screenshot of original fileBinary data and converted data with code above

[Greg-DB]

It looks like you opened another thread for this, so I'll follow up there:

https://www.dropboxforum.com/t5/API-support/Binary-to-image/m-p/264555

[Greg-DB]

The original `t.buffer is not a function` issue should be fixed in the latest version of the library, currently v4.0.3.

[rajshree1996]

not able to convert fileBinary to url in nodejs.

[Greg-DB]

@rajshree1996 If you need help using the Dropbox API/SDK, please open a new thread with more details about the issue or question. Thanks!