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

Question

在从ajax调用(图像名：Logo，JGP -lille70720192403231.jpg)从控制器获得图像名称作为响应后，在symfony2中将图像放到javascript表变量中，如下所示。

dataindex.Interestlogo=image名称；

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

在这里，所有正常的图像名称都正常工作。如果图像name=Logo，JGP-Lille707201924032031.jpg，则图像不显示。

在这里，我需要放一个双引号作为下面的背景-图像: url(“路径应该坐在这里")；

我得到的是下面的背景图片:url(路径应该在这里)；//双引号不在那里

请给我建议一下，怎么放双引号。

Answer 1

经过大量的研究，最后我很高兴我得到了答案，我分离了url路径，并将其放入var urlpath中。对于urlpath，使用斜杠应用引号，如答案代码中所示。

最后，带有引号的url已被background_image url所取代。

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

Answer 2

如果您正在动态地创建uris，则必须确保它们是are安全uris。

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?

我希望这能帮到你