html-preview-vscode icon indicating copy to clipboard operation
html-preview-vscode copied to clipboard

Published 20 hours ago • verified publisher icon tht13

Local image not showing

Open abergsneider opened this issue 4 years ago • 5 comments

TL;DR: Local image not showing

Hi all,

Currently attempting to test my html code with pictures found on my local computer. After running say for example the line below:

<p><img src="image_sample.PNG" alt="BaseFrequency" width="555" height="60"></p>

There is no image shown in the preview, only alt name showing. I've tried toggling between various HTML security settings (found below) but not doing anything for me.

image

I'll be happy to provide any other detail if found necessary

Some details about my system:

VS Code Version

Version: 1.51.1 (user setup) Commit: e5a624b788d92b8d34d1392e4c4d9789406efe8f Date: 2020-11-10T23:34:32.027Z Electron: 9.3.3 Chrome: 83.0.4103.122 Node.js: 12.14.1 V8: 8.3.110.13-electron.0 OS: Windows_NT x64 10.0.14393

HTML Preview Version

Name: HTML Preview Id: tht13.html-preview-vscode Description: Provides ability to preview HTML documents. Version: 0.2.5 Publisher: Thomas Haakon Townsend VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=tht13.html-preview-vscode

abergsneider avatar Nov 24 '20 22:11 abergsneider

Same problem here, any updates ?

maurocardinali avatar Jan 26 '21 20:01 maurocardinali

Same issue on Mac OS 11.2.3.

Any update?

morningtundra avatar Apr 12 '21 13:04 morningtundra

The same issue right now.

Nostee avatar May 26 '21 12:05 Nostee

I'm facing the same issue. The image loads fine on browsers but not on the preview in VSC.

Ayanmullick avatar Nov 21 '21 04:11 Ayanmullick

I think I've figured out the issue...

Make sure your full path to your HTML file contains no spaces (%20)... having spaces seems to mess the images up.

tqwewe avatar Apr 20 '22 03:04 tqwewe