nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Best Method for pulling images into webpage

RandallB

Working in WordPress. I need to use the API to connect and loop thru and display images in a folder.

How do I get the display-able image url? Everything I search tells me to use

get_temporary_link

But when I go to the docs for that, it tells me I shouldn't be using this for my purpose, saying:
"This URL should not be used to display content directly in the browser. "

I'm using list_folder and succesfully pulling lots and lots of data about the images in the folder, I don't understand why the displayable url of the image is not included in the returned object. Seems that would be the perfect place to do it.

What am I supposed to use then?

Find more posts tagged with

API

Abuse

Comments

RandallB

Using get_temporary_link, I get:
path_lower": "/tkc enterprise llc/projects/jobs/summit/pictures/cover-photo.jpg", "path_display": "/TKC Enterprise LLC/PROJECTS/Jobs/Summit/Pictures/cover-photo.JPG"

however I get 404 if I try those paths with dropbox domain.

How do I get a link of an image in a folder in dropbox using the API, that I can use in a webpage using the img tag?
Example: <img src="path/to/my/image/on/dropbox" />

?????

kylea

get_temporary_link returns both a path_lower and a link. The former is a relative path in the Dropbox filesystem; the later is the link you're looking for.

We do not recommend using get_temporary_link to render content. Temporary links do have associated bandwidth quota; exceeding it may result in blocking it.

The best way to pull in images for website display would be to generate thumbnails with the API and cache the results.