Как использовать текст из строки запроса url для заполнения имени изображения на пути изображения src?

Я очень новичок в js и преподаю себя от всех удивительных людей на вашем сайте. Благодаря коду на этом сайте я разработал, как заполнять текст на моей веб-странице из параметров, вытащенных из строки запроса в URL-адресе, но я не могу понять, как использовать те же параметры для заполнения имени файла в пути к изображению.Как использовать текст из строки запроса url для заполнения имени изображения на пути изображения src?

пример URL: http://www.mywebpage.com/editors.aspx?config=pagename&FirstName=Joe&LastName=Bloggs

То, что я до сих пор, что работает для заполнения текста на странице:

  <script type="text/javascript"> 

      $(document).ready(function(){ 

      function getUrlVars() 
      { 
       var vars = [], hash; 
       var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
       for(var i = 0; i < hashes.length; i++) 
       { 
        hash = hashes[i].split('='); 
        vars.push(hash[0]); 
        vars[hash[0]] = hash[1]; 
       } 
       return vars; 
      } 

      var brokerFirstName = getUrlVars()["FirstName"]; 
      var brokerLastName = getUrlVars()["LastName"]; 

      $('.BrokerFirstName').replaceWith(decodeURI(brokerFirstName)); 
      $('.BrokerLastName').replaceWith(decodeURI(brokerLastName)); 


      }); 

      </script> 

      <html> 
      <div class="detailstext"><span class="BrokerFirstName">first name</span>&nbsp;<span class="BrokerLastName">last name</span> 
      <img src="/library/profileimages/????????????????.jpg"> 
      </div>

Как получить ПгвЬЫате и LastName в путь Src для имени изображения, например, src = "/ library/profileimages/JoeBloggs.jpg"?

Большое спасибо за помощь.

источник

2016-04-19 C. Brown

Дайте IMG тег идентификационная затем выберите изображение с JQuery, а затем использовать .attr() следующим образом:

$(#imgId).attr("src", "/library/profileimages/" + brokerFirstName + brokerLastName + ".jpg")

(замените «imgId» с идентификатором вы дали к IMG тегу)

источник

2016-04-19 20:45:17 jmona789

Perfect - работает именно так, как мне это нужно. Спасибо! –

Как использовать текст из строки запроса url для заполнения имени изображения на пути изображения src?

ответ

Смежные вопросы