Javascript Electron:将背景图像更改为本地文件系统图像时出现问题

Javascript Electron:将背景图像更改为本地文件系统图像时出现问题,javascript,css,windows,electron,filesystems,Javascript,Css,Windows,Electron,Filesystems,正如标题所说,在我正在创建的电子应用程序中,我很难使用JS或JQuery将div的css背景图像更改为指向本地文件 该应用程序是一个图像查看器,允许您将文件上载到windows上应用程序的appData目录,然后显示这些文件。但是,我似乎无法更改背景图像以正确指向该目录中的图像 在下面的代码中,消息变量基本上是通过在nodejs中使用path函数来设置的。我的代码如下所示: document.getElementById('bg').style.backgroundImage = "url("+

正如标题所说,在我正在创建的电子应用程序中,我很难使用JS或JQuery将div的css背景图像更改为指向本地文件

该应用程序是一个图像查看器,允许您将文件上载到windows上应用程序的appData目录,然后显示这些文件。但是,我似乎无法更改背景图像以正确指向该目录中的图像

在下面的代码中,消息变量基本上是通过在nodejs中使用path函数来设置的。我的代码如下所示:

document.getElementById('bg').style.backgroundImage = "url("+message+")";
console.log(message);
控制台输出:

file:///C:\Users\me\AppData\Roaming\display\files\pirate-flag.jpg
GET file:///C:/UsersmeppDataRoamingdisplay%0Filespirate-flag.jpg net::ERR_FILE_NOT_FOUND
我还尝试了以下几种变体:

message = message.replace(/\\/,'\\\\');
我得到的最好结果是,C:后面的第一个“\”变为双“\”,但在错误消息中它返回到“/”。 我还尝试使用jquery更改背景图像,但同样的问题。 我还尝试使用
escape(message)文件之前执行code>://
,这会把一切都搞砸

如果我在css中显式设置路径,它可以正常工作,如:

background-image: url("file:///C:\\Users\\me\\AppData\\Roaming\\display\\files\\pirate-flag.jpg")
但我不能永久地这样做,因为图像需要根据用户点击的内容进行更改。我找遍了所有地方,但似乎找不到如何让它工作。有什么建议吗

编辑:

我意识到日志输出也可能是格式化的,因此在更改css后,element inspector上会显示以下内容:

url("file:///C:Usersme\a ppDataRoamingdisplay\f ilespirate-flag.jpg")

用正斜杠代替反斜杠怎么样?我相信,如果在URL中使用正向斜杠,它甚至可以在Windows上工作。这似乎确实有效,感谢我不知道其他斜杠可以在Windows上使用。我仍然很好奇为什么上面的方法都不适用于JS?