javascript - 为什么 css url() 函数会破坏我的路径?

标签 javascript css typescript url electron

在我的 React 应用程序中,我正在使用将 div 的样式设置为

{ backgroundImage: "url(file://f:/images/0/22.jpg)" } 

但它会抛出一个 ERR_FILE_NOT_FOUND 错误和一个非常奇怪的 url,例如

file:///F:/images%EF%BF%BD%22.jpg.

没有 file://的图像的普通相对路径工作正常,如果我将从控制台打印的路径复制到检查器中,它也工作正常。

我无法弄清楚这种转换何时发生,但我在我的 React 组件中使用的 url 的打印没问题。

最佳答案

问题似乎出在我的原始网址上。我没有注意到,但我使用的 url 有反斜杠而不是正斜杠。

使用替换将反斜杠替换为正斜杠已修复它。

这个故事的寓意:如果你的 url 看起来很疯狂,请检查你的斜杠。

关于javascript - 为什么 css url() 函数会破坏我的路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50182294/

相关文章:

javascript - 按年份分组对象数组

javascript - jquery datepicker - 将周数包装在标签中

javascript - 由于表单/模型中的数据未保存,取消 Backbone 中的路由

javascript - 在 React 组件之间调用函数

javascript - 具有 readonly 和 multiple 的多种形式

javascript - Angular 2/4 |类型 '{}' 不可分配给类型 'Object[]'

javascript - 使用 Fluent API 增强 Typescript

javascript - jQuery .prepend 反转了数组?

html - 为什么使用显示 :hidden for text in HTML? 被认为是不好的做法

javascript - 放置在 Bootstrap 轮播中的 D3.js 图表