Mithril-Rendering "background-image url"

Ich habe folgendes Problem mit MithrilMithril-Rendering "background-image url"

Bild ist richtig angezeigt, wenn es ein richtiger Tag img

`<img src="images/erp/C:%5CProgram%20Files%20(x86)%5CMYTEST%5Cbitmaps%5C10001.jpg" class="scale">`

Aber gleiches Bild überhaupt nicht wiedergegeben, wenn es als Hintergrund-Bild-uRL

`background-image: url("images/erp/C:%5CProgram%20Files%20(x86)%5CMYTEST%5Cbitmaps%5C10001.jpg");`

Quelle

2016-03-22 Hiran

Es sieht aus wie Sie eine Vorlage wörtliche verwenden eine Zeichenfolge zu definieren, eine CSS-Eigenschaft Wert Karte darstellt. Wie wenden Sie das in Ihrem Mithril-Code an? – Barney

Es sieht seltsam aus, einen "C:/Programme" -Pfad in Ihrem Bildquellenpfad zu haben. Bist du dir deines Weges sicher? Sie sollten das Bild beispielsweise in einem einfacheren Pfad im Ordner image/erp kopieren und erneut versuchen, festzustellen, ob Ihre CSS-Eigenschaft korrekt interpretiert wurde. – fluminis

Basierend auf dieser issue ist die Ursache ein Fehler in mithril.sj die Zeichenfolge C:\Tmp\a\field.png in umgewandelt wird "C:Tmpa\f ield.png"

Dieses javascript:

view: function (ctrl) { 
return [m("button", [m("img[src='C:\\Tmp\\a\\field.png\']"),"btn img"]), 
    m("div", {'style': { 'background-image' : 'url(\"field.png\")'}},"div a"), 
    m("div", {'style': { 'background-image' : 'url(\"C:\\Tmp\\a\\field.png\")'}},"div b")]; 
}

ist diesem HTML gerendert

<button><img src="C:\Temp\mith\field.png">img inside a btn</button> 
<div style="background-image: url("field.png");">no path</div> 
<div style="background-image: url("C:Tmp\a\f ield.png");">with path</div>

Quelle

2016-03-31 00:12:07 surfmuggle

Ja, ich habe dieses Problem mit Mithril angesprochen – Hiran

Mithril-Rendering "background-image url"

Antwort

Verwandte Themen