如何解析一个字符串在背景图像url引用html,javascript

How to parse a string in background-image url in quoted html,javascript?

本文关键字：url 图像 背景 引用 html javascript 字符串 何解析 一个      更新时间：2023-09-26

从ajax调用(图像名称:Logo, JGP - lille70720150924032031.jpg)从控制器到symfony2中的index.html.twig后，将图像放入如下所示的javascript表变量

数据(指标)。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则图像不显示

这里我需要在下面加上双引号Background-image: url(" path应该在这里");

我得到的如下所示Background-image: url(path应该在这里);//没有双引号

请告诉我，怎样放双引号

如果你是动态创建url，你必须确保它们是web安全的。

URL是否允许包含空格?

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

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

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

在JavaScript编码URL ?

希望对大家有所帮助

经过大量的研究，最后我很高兴我得到了解决方案。我有单独的url路径，并放入var url路径。对于url应用引号，使用斜杠作为答案代码。

最后用background_image url代替了带引号的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>";
相关文章：