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.

[Navy]

Please , recommended way to upload file(Image...) to cloud and fetch data to display on websit.

[DBX_Robert]

The workflow you are describing, to upload a file to Dropbox and then embed it in a webpage, is not a workflow that is supported by our API.  If you wish to upload file, you can use our /files/upload API, but we do not offer an endpoint or way to embed content directly in webpages.