Image not being retrieved from Dropbox

Samuel Mathews

Hi! I have an image slider. When I try toe retrieve the images from my server, the images are properly displayed. (http://stthomasmountmtc.org/index.html)

However, when I try to retrieve the same images from Dropbox, the images are not displayed/retrieved. (http://stthomasmountmtc.org/index1.html)

 <img src="https://www.dropbox.com/s/woart55urbw792u/image1.jpg" alt="image" />

When I open the link in the src attribute in the browser, the images can be seen, so the link is obviously not broken. Please share your suggestions.

Thanks, Samuel Mathews.

mcserep

The link in your code opens the gallery feature of Dropbox, which is a HTML webpage, not an image file. The direct link for that image is:

https://dl.dropboxusercontent.com/s/woart55urbw792u/image1.jpg

You should always set the source of an image tag in HTML to an URL which outputs an image - and not a webpage containing an image.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Remote image not being retrieved in chrome-app

Text not being retrieved from component in this React application

Exclude 'id' from being retrieved from query in Grails

display an image retrieved from its URI

Displaying image retrieved from google drive

Image gets rotated when retrieved from file

How to make an image retrieved from a database responsive?

Preparing an Oracle Connection after being retrieved from a ConnectionPool

React Native: Retrieved data from firestore in async function is being deleted

How to style a word inside a string that is being retrieved from firebase?

Can't access object property after it being retrieved from mongoose

How to put image retrieved from url into an image widget

Image from ModelForm not being saved

How to decode binary image data retrieved from mongodb in nodejs

How to get image from html document retrieved with XMLHttpRequest?

Setting Image retrieved from Cordova Camera Plugin in IMG tag

Saving an image (retrieved from external library) locally - Angular?

How to display retrieved image from SQL Server database in another activities

Gatsby not displaying my image retrieved from GraphQL query

How to prevent Columns from being Decimals in DataFrames when retrieved from Postgres

Square root values not being retrieved

How do I let text retrieved from Firestore load upon the view being shown?

Incorrect matrix value being retrieved when calling an x86 Assembly function from a C program

How to protect the azure blob storage urls from being retrieved by anyone using developer tools

Prolog clause being recalled every time value retrieved from clause is accessed

Laravel: Why are results from the database being displayed in the view differently than what Dump&Die says is retrieved?

React-select initial value not being set when retrieved from postgres table

Copying image from Dropbox to NAS results in property loss warning

Using image URL link retrieved from web API to display image in view