Brackets: Can't see images in live preview

[theman1616]

Prerequisites

• [Yes] Can you reproduce the problem with Debug -> Reload Without Extensions?
• [Yes] Did you perform a cursory search to see if your bug or enhancement is already reported?
• [Yes] Did you read the Troubleshooting guide?

For more information on how to write a good bug report read here
For more information on how to contribute read here

Description

When typing in a local or remote source for an image, the image does not show in preview mode. Only the alt text shows. If I open the console in google Chrome after the opening live preview in brackets I get an error that says: "Not allowed to load local resource." If I open it in Chrome without brackets the image loads fine.

Steps to Reproduce

1. Make an html document in brackets.
2. Add image tags and url.
3. Open live preview.

Expected behavior: I expect to see the image.

Actual behavior: Only showed the alt text.

Versions

Release 1.10 build 1.10.0-17483 (release 024bee940) build timestamp: Wed Jul 05 2017 07:39:31 GMT+0100 OS: Windows 8.1
Please include the OS and what version of the OS you're running.
Please include the version of Brackets. You can find it under Help -> About Brackets (Windows and Linux) or Brackets -> About Brackets (macOS)

[petetnt]

Hi @theman1616,

can you paste some example code and folder structure that isn't working?

You can also check Debug -> Show Developer Tools -> Console to see why the images are not showing up. (Or F12 / CMD+ALT+J on the Live Preview window)

[theman1616]

Hi @petetnt ,

I know that I am lacking < and >, but I had to do that to show you the code.

```

[petetnt]

Hi @theman1616,

you can use "```" to wrap code in blocks :)

Could you try to use ./Doglogo2.jpg instead? Can you take a picture of the structure.

[victsomie]

I encountered this issue while calling an image inside css while it was located in a different folder.

I resolved by adding the two dots before my reference.
content: url(../img/whiteimg.png);