javascript - 如何在JS中使用变量作为文件路径?

标签 javascript json filepath

在尝试为网页构建一些动态内容时,我遇到了一个奇怪的问题。我做了一些研究,但找不到任何对我有帮助的东西......

这是我尝试更改 div 背景图像的代码。 背景图像的文件路径存储在一个对象中,该对象以 JSON 形式接收并解析为 JavaScript 对象。当我用 filepath 变量的内容填充 div 的innerHTML 时,会显示正确的 URL。 当我将这个确切的 URL 写入 backgroundImage URL 时,就会显示正确的图片。 但是,当我尝试用变量替换文件路径时,什么也没有发生。

    var myObj = JSON.parse(this.responseText);
            var URL = JSON.stringify(myObj.imageURL);
            newbox.style.backgroundImage = "url('myObj.imageURL')";
            newbox.innerHTML += myObj.Content;
            newbox.innerHTML += myObj.imageURL;
            insert.append(newbox);

在我的代码中,您可以看到我还尝试对 myObj.imageURL 的值进行字符串化,并将其用作文件路径。但这也不起作用。

编辑:存储在 myObj.imagURL 中的文件路径如下所示:images/crew.jpg

编辑2:曼努埃尔·奥托已经解决了这个问题:

    newbox.style.backgroundImage = "url("+myObj.imageURL+")";

谢谢大家的建议!

最佳答案

非常接近,你是;)

newbox.style.backgroundImage = "url("+myObj.imageURL+")";

关于javascript - 如何在JS中使用变量作为文件路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48796643/

相关文章:

javascript - 使用 document.registerElement 创建自定义非 HTML 节点

javascript - 如何在单文件组件中扩展另一个 VueJS 组件? (ES6 加载器)

c# - 是否可以通过 URL 调用 Web API 获取实时数据?

php - 创建两个数组之间的关系

python - 有没有一种方便的方法可以将文件 uri 映射到 os.path?

javascript - JavaScript中对象的多级嵌套

javascript - 如何在 Mocha 测试中要求命名空间模型?

javascript - 如何在ExtJs中获取行标题功能?

Python3 : File path problems

linux - 打开 zip 文件时出错或缺少 : jrebel. jar 的 JAR list