Cannot display local image file using background-image CSS property

I can’t seem to be able to read an image file from disk and set it as CSS background-image. The file correctly loads into the src attribute of an <img> tag and shows correct path in the inspector as:

C:\Users\Alex\Desktop\~tmpPreview\frame-9.png

but when it loads as CSS background-image, the path appears to be mangled like,

file:///C:/Userslex%C3%9Esktop~tmpPreview%0Frame-9.png

and the image never loads. console.log() shows the correct path.

Is this a bug or something I am unaware of?

Using: node-webkit-v0.10.0-rc2 / Windows 7 64-bit

<bountysource-plugin>

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

[Mithgol]

Try this:

$('.preview').css({
   'background-image': 'url(file:////' +
      imageSet[MYIMAGENUMGOESHERE].replace(/\\/g, '/') +
   ')'
});

[nwjs-bot]

This should be working with latest version now.

In 0.13 we changed to an optimized architecture so more features can be supported, see http://nwjs.io/blog/whats-new-in-0.13/ and it’s good for keeping up with Chromium upstream – we released with Node.js v6.0 and new Chromium versions within 1 day after upstream release.

The new version would fixed many issues reported here and we’re scrubbing them. This issue is closed as we believe it should be fixed. Please leave a message if it isn’t and we’ll reopen it.