How to fetch image from Dropbox to display on website ?

Navy

I base on Meteor Vuejs and Dropbox=4.0.15

I uploaded image to Dropbox using Dropbox API , then I want to get image to display on my website. How can I do ?

dbx
.filesListFolder({ path:path})
.then(function(response) {
console.log(response.entries)
dbx
.filesGetTemporaryLink({
path: response.entries[0].path_lower,
})
.then(function(result) {
this.imgUrl = result
console.log('thum', result)
})
.catch(e => {
console.log(e)
})
})
.catch(function(error) {
console.log(error)
})

Result :

sadly it's not work 

 

DBX_Robert

Dropbox is not intended as a content host for website.  The url you generated via /files/get_temporary_link will for the file to download locally.  It cannot be used to embed content within an HTML tag.  Also, the links generated by /files/get_temporary_link are only functional for four hours, after which they will expire.