2016-12-21 3 views
0

Ich möchte das ganze Bild, CSS-Datei auf einen anderen Server, dann lassen Sie alle img-Tag src (relativen Pfad) zeigen auf die Server-Domäne.Mapping der img src zu anderen Domäne

z. original:

<i><img src= "/Content/picture.png" /></i> 

, was ich will:

<img src="ServerDomain/Content/picture.png" /> 

Ich habe versucht, jQuery

function Mapping() { 
    $('img').each(function() { 
     $(this).attr('src', 'ServerDomain' + $(this).attr('src')); 
    }); 
}; 

$(document).ready(function() { 
    Mapping(); 
}); 

aber einige img-Tags, die von erzeugen JavaScript arbeiten nicht.

(By the way, die Serverdomain in web.config setzt (erhalten von Ajax))

Gibt es andere Lösung, um es zu lösen?

Vielen Dank.

+0

'$ (this) .attr ('src',‚@ Url.Content ("~") '+ $ (this) .attr (' src ')); '. benutze das. möge das helfen. – mmushtaq

+0

einige Tags? maby Sie haben unterschiedliche src auf Tags, die nicht funktioniert? Show dore examples please –

+1

Es würde wirklich helfen, wenn Sie ein nicht funktionierendes Element nach dem Laden der Seite untersuchen, um zu sehen, welchen 'src' Wert Sie tatsächlich bekommen haben. Außerdem habe ich nicht verstanden, wie genau Sie eine AppSetting aus web.config mit einer AJAX-Anfrage erhalten können? –

Antwort

0

Sie müssen sicherstellen, dass Ihr Code nach dem JavaScript ausgeführt wird, das die IMG-Tags generiert.

Also, entweder Sie den Code nach dem anderen Code bewegen oder die Mapping-Funktion aufrufen, nachdem es

0

ich ein Beispiel produzieren richtig auf meinem lokalen arbeiten, die Ihnen helfen können. Ich weiß nicht, Ihre Logik, die das Bild auf der Seite erzeugt, so habe ich einen einfachen:

<script> 
    /* some logic that retrieve the image from somewhere else - javascript produce image */ 
    function GetMyPicture() { 
     return "28141835294_99d18fa033_z"; 
    } 
    $(document).ready(function() { 
     var src = GetMyPicture() + ".jpg"; 
     $("#my").attr('src', src); 
    }); 

</script> 

<script> 

    var domain = "https://c7.staticflickr.com/9/8597/"; 

    function Mapping() { 
     $('img').each(function() { 
      $(this).attr('src', domain + $(this).attr('src')); 
     }); 
    }; 
    $(document).ready(function() { 
     Mapping(); 
    }); 

</script> 

<body> 
    <img id="my" src=""> 
</body>