We are aware of the issue with the badge emails resending to everyone, we apologise for the inconvenience - learn more here.

Forum Discussion

pouic's avatar
pouic
Helpful | Level 6
7 years ago

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)

  • pouic's avatar
    pouic
    7 years ago

    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);
            });
          
        });
      }