Child Item

Api v2 for filesGetThumbnail gives t.buffer not a function error

Hi, when i try to get thumbnail for any file inside my folder i have the same error for different types os files (svg, png, ...)

  import { Dropbox } from 'dropbox';

  let dbx = new Dropbox({ accessToken: 'my-key' });

    dbx.filesListFolder({path: '/vector'})
      .then(function(response) {
        console.log("file :" response.entries[0].path_display);

        dbx.filesGetThumbnail({ path: response.entries[0].path_display })
        .then(function(response) {
          var fileUrl = URL.createObjectURL(response.fileBlob);
          var img = document.createElement('img');
          img.setAttribute('src', fileUrl);
          document.getElementById('results').appendChild(img);
        })
        .catch(function(error) {
          console.log(error);
        });

Every time have this error on console

file: /vector/carro_preview.png

my-file.ts:47 TypeError: t.buffer is not a function
at Dropbox-sdk.min.js:1
at Dropbox-sdk.min.js:1
at t.invoke (polyfills.js:3)
at Object.onInvoke (core.js:4629)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4620)
at t.invokeTask (polyfills.js:3)

Find more posts tagged with

API

Abuse

Accepted answers

pouic

If import the DropboxSDK library like script import on my html works fine

my solution:

index.html ( add dropbox-sdk manually)

  <script src="assets/js/dropbox-sdk.js"></script>

On page where can use dropbox (index.ts)

declare var Dropbox: any;


  var dbx = new Dropbox.Dropbox({ accessToken: 'MY-KEY' });

    dbx.filesListFolder({path: '/my-folder-name'})
      .then(function(response) {

       dbx.filesGetThumbnail({ path: response.entries[0].path_display, format: 'png', size: 'w128h128' })
        .then(function(response) {
          var img = document.createElement('img');
          img.src=window.URL.createObjectURL(response.fileBlob);
          document.getElementById('results').appendChild(img);

        })
        .catch(function(error) {
          console.log(error);
        });

    });
  }

All comments

Greg-DB

What environment is this running in?

There are some potentially related threads here:

pouic

I’m using ionic 2 with angular

Greg-DB

Thanks! Those are probably relevant then. Can you try including the Dropbox library as a JavaScript library instead of a Node dependency?

pouic

If import the DropboxSDK library like script import on my html works fine

my solution:

index.html ( add dropbox-sdk manually)

  <script src="assets/js/dropbox-sdk.js"></script>

On page where can use dropbox (index.ts)

declare var Dropbox: any;


  var dbx = new Dropbox.Dropbox({ accessToken: 'MY-KEY' });

    dbx.filesListFolder({path: '/my-folder-name'})
      .then(function(response) {

       dbx.filesGetThumbnail({ path: response.entries[0].path_display, format: 'png', size: 'w128h128' })
        .then(function(response) {
          var img = document.createElement('img');
          img.src=window.URL.createObjectURL(response.fileBlob);
          document.getElementById('results').appendChild(img);

        })
        .catch(function(error) {
          console.log(error);
        });

    });
  }

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.