Cacher is the code snippet organizer for pro developers

Implementa una imagen en html desde dropbox

Para esto necesitamos agregar nuestro archivo a dropbox y una vez agregado lo que tendremos que hacer es comprartir (la imagen). Sin necesidad de emviar la invitación a nadie solo copiamos el enlace que nos crea por defecto.

Ejemplo enlace original

https://www.dropbox.com/s/jwb0t51vtrapee8/logo_artisan.png?dl=0

Esta URL nos llevará al archivo que hemos subido, pero no a la URL de la carpeta del servidor en la que se encuentra alojado.Dropbox no nos facilita esa URL, sólo nos da una URL que nos lleva a la galería y abre esa imagen.

La URL nos lleva a la imagen, pero si la usamos como src de una imagen no nos servirá. ¿Por qué? Porque es la URL a una galería, no al archivo de imagen nativo.

Por lo que se tiene que sustituir la siguiente sintaxis https://www.dropbox.com/ por https://dl.dropboxusercontent.com/

Este enlace hace referencia al archivo exacto dentro de dropbox y al final el enlace quedaria de la siguiente manera

https://dl.dropboxusercontent.com/s/jwb0t51vtrapee8/logo_artisan.png?dl=0