You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.
Forum Discussion
How do I embed images with a direct link from Dropbox?
Hi,
I would like to share my pictures to forums where pictures are embedded like [img]http://imageurl.jpg[/img].
How to share pictures from Dropbox to the forums like that? I cant find a ...
Hi,
It is super easy to get direct download link of image files that are saved in your Dropbox account. And more importantly they will work with [img] commands used in forums that you mentioned in your question.
Here is the step by step instructions:
1) Copy Dropbox link of the image file that you want to share. (Right click on image file in your Dropbox folder and choose Copy Dropbox Link). You should have something similar to this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?dl=0
2) Just delete dl=0 at the end of the link and replace it with raw=1
Now your link that you gonna use should look like this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?raw=1
Basically, what you are doing by adding the raw=1 to the end of the link is hotlinking it. That's is sharing direct download link to the file. Anyone who clicks on hotlinked file will not see any of the Dropbox frames, logos, etc. It works for any type of file that you share.
And when you use this modified link with [img] commands there should be no problems. I always use Dropbox images on other forums.
Hope it helps!
behzod
Super User
Super UserHi,
It is super easy to get direct download link of image files that are saved in your Dropbox account. And more importantly they will work with [img] commands used in forums that you mentioned in your question.
Here is the step by step instructions:
1) Copy Dropbox link of the image file that you want to share. (Right click on image file in your Dropbox folder and choose Copy Dropbox Link). You should have something similar to this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?dl=0
2) Just delete dl=0 at the end of the link and replace it with raw=1
Now your link that you gonna use should look like this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?raw=1
Basically, what you are doing by adding the raw=1 to the end of the link is hotlinking it. That's is sharing direct download link to the file. Anyone who clicks on hotlinked file will not see any of the Dropbox frames, logos, etc. It works for any type of file that you share.
And when you use this modified link with [img] commands there should be no problems. I always use Dropbox images on other forums.
Hope it helps!
OK, that doesn't work for me at all. I'm not allowed to even see the link created. If I just copy the link from the address bar, it doesn't work. I don't get the "should look something like this" link you mention. I can't share a public folder with just anyone who has the link to the folder or files in it. I can only share with specific persons I email the hidden created link to. I sent it to myself and it doesn't let you see the link. All you can do is click to see the image. I then copied the link from the browser address bar. It looks nothing like your example. There is no ?dl=0 or anything at the end of it. The name of the image file is not even exposed. What am I missing?
- Rich
Super User II
silvanet wrote:
I'm not allowed to even see the link created.
Yes, you can. After the link is created you'll see two links in the Share settings for the file; Link Settings and Copy Link. Click on Copy Link and the proper link will be copied to your clipboard. Paste it where you need it and change ?dl=0 to ?raw=1.
- OK, I don't know how I missed that before. I never saw the "Anyone with the link can view this file" option. It just wasn't there. That's why I had to share it with myself, and it still didn't let me see it. Don't know why now it's appearing.
Anyway, still doesn't work for me. I'm trying to link a background image for FreeCodeCamp Challenge on CodePen. I can get it to work on GitHub. I can even create a folder to hold the image file instead of hosing it somewhere. CodePen just messes it up and shows a band of the image. Help on the FCC forum told me sites like Imgur and Google don't allow images to be used on webpages. People said Cloudinary was working, but it didn't work for me either. This may be a CodePen problem. Thanks for your kelp. - By the way, that's really a cool recording of what you did. How did you do THAT?
