In the little JavaScript I wrote, the 'src' attribute of 'img' element accepted and displayed the image only if I changed '\' to '/' in the relative path of the image.
Why is it so?
<html>
<body>
<img id="image" src="F:\wallpapers\other\black-and-white-lion-chess-hd-531078.jpg">
//why did '\' work here?
<script>
document.getElementById("image").src="F:/wallpapers/other/clouds_nature_skyscapes.jpg";
//why didn't '\' work here? Why did I have to use '/' ?
</script>
</body>
</html>
In the little JavaScript I wrote, the 'src' attribute of 'img' element accepted and displayed the image only if I changed '\' to '/' in the relative path of the image.
Why is it so?
<html>
<body>
<img id="image" src="F:\wallpapers\other\black-and-white-lion-chess-hd-531078.jpg">
//why did '\' work here?
<script>
document.getElementById("image").src="F:/wallpapers/other/clouds_nature_skyscapes.jpg";
//why didn't '\' work here? Why did I have to use '/' ?
</script>
</body>
</html>
-
You probably want
file://URLs; they're better supported, and there's an RFC I can point to that defines their syntax. – David Ehrmann Commented Mar 9, 2014 at 17:07
1 Answer
Reset to default 6A single \ character in a Javascript string is used to "escape" the next character, e.g. \n is used for the newline character. See this
In your example, if you want to use windows path names, use \\ as path separator, like so: F:\\wallpapers\\other\\clouds_nature_skyscapes.jpg