Javascript 如何从属性创建文件路径

我有一个xml文件，我正试图使用css转换它

xml文件的一部分：

图像不显示

当我像这样键入时，它会工作：

如何获得要显示的图像？我可以用javascript显示它吗

我的局限性是：

• 我无法操作xml文件本身（无法手动将文件扩展名添加到属性值的末尾）
• 图像文件的类型不同（混合类型为*.jpeg、*png等）

---

提前感谢。

创建内存中的img元素，然后依次加载url变体（png和jpg），以加载成功的为准。您可以为此使用类似于以下jquery代码的代码

$(graphic).forEach((gr)=>{
         $("<img/>")
        .on('load', function() { console.log("image loaded correctly"); })
        .on('error', function() { 
                $(this).attr("src", $(gr).attr("infoEntityIdent")+".png");
        })
        .attr("src", $(gr).attr("infoEntityIdent")+".jpg")
    ;
    });

---

如果可能，您可以创建JSFIDLE或PLUNK吗？

 graphic
    {
        content: url(IMG-001-01);
    }

 graphic
    {
        content: url(IMG-001-01.png);
    }

$(graphic).forEach((gr)=>{
         $("<img/>")
        .on('load', function() { console.log("image loaded correctly"); })
        .on('error', function() { 
                $(this).attr("src", $(gr).attr("infoEntityIdent")+".png");
        })
        .attr("src", $(gr).attr("infoEntityIdent")+".jpg")
    ;
    });

graphic:after
    {
        content: url(IMG-001-01) ".png";
    }
graphic:before
    {
        content: url(IMG-001-01) ".jpg";
    }