Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Structure the Image Gallery

Cynthia Wong
Cynthia Wong
5,337 Points

Problems with uploading images - broken image link!

I suppose many people were also stuck on this issue. So I haven't even gotten to the coding part yet but I can't seem to upload any of the images onto my workspace.

I'm sure I followed every possible instruction and answer I found on the forum.

  1. Downloaded files and unzipped them. Even dragged them onto my desktop just in case.

  2. I dragged the files into the darker area.

  3. Images are not showing up. It's showing a broken image icon.

Help me please?

Having the same issue. I've tested random images that weren't included in the .zip file as well, and although they preview fine in Finder, when uploaded, the image link is broken. They can't be viewed within workspaces or in the coded page itself. Any ideas?

5 Answers

Hi,

Be careful to drag the files into the bottom of the darker area, but don't worry about the image not showing in workspaces, ive just tested an image and once coded into the site correctly it showed on the browser fine.

Hope This Helps

Criag

Michael Criscitelli
Michael Criscitelli
2,416 Points

I'm having the same issue that Cynthia had. The coding/syntax is all correct but the image is showing a broken link. The files appear clearly in my Finder preview, but once I upload them to workspaces all I see is a broken image link.

Hi the best thing I can do is tag Matthew Spiel he helped to look into another issue a little while ago and helped to resolve the matter ...

Hope this helps in the end !

Craig

Cynthia Wong -- what browser are you using? The drag-n-drop feature works only in Google Chrome right now. However, you some other options if you aren;t using Chrome.

  1. You can right click in the file area and select the upload file option.
  2. You can also select File > Upload File in the menu area.

I did just test the file preview feature in Workspaces and it looks like there is a bug (which may be why you are seeing the broken image icon). This will only affect previewing the image inside a Workspace. The images are still useable in your code! Happy learning.

Cynthia Wong
Cynthia Wong
5,337 Points

Hi everyone,

The problem seemed to have been resolved. At first it showed as broken links but once I completed my HTML codes, they showed up fine on the preview.

Thank yoU!