javascript - 如何解析引用的 html、javascript 中的背景图像 url 中的字符串？

Question

从 Controller 获取图像名称作为ajax调用的响应(图像名称:Logo，JGP - lille70720150924032031.jpg)到symfony2中的index.html.twig，将图像放入javascript表变量如下。

data[index].IntereSTLogo=图片名称；

    table="";
    table += "<div class='imgparam th' style='background-image: url({{basepath}}/uploads/Interests/"+data[index].Idinterestmaster+"/thumbnails/"+data[index].Interestlogo+")'></div>";
    $("#results").append(table);

这里对于所有正常的图像名称来说一切都工作正常。 如果图像名称=Logo, JGP - lille70720150924032031.jpg 则图像不会显示。

这里我需要加双引号，如下所示 背景图像:url(“路径应该位于此处”)；

我得到的如下 background-image: url(路径应该放在这里);//不存在双引号

请建议我如何添加双引号。

Answer 1

如果您动态创建 uri，则必须确保它们是网络安全 uri。

Is a URL allowed to contain a space?

它们不能包含空格。但这就是为什么当你查看这个问题的标题时，它有很多破折号，

/questions/32783366/how-to-parse-a-string-in-background-image-url-in-quoted-html-javascript

我建议通过 URL 编码器运行您的代码。

Encode URL in JavaScript?

希望这有帮助