Question

我需要根据网址的结尾显示图片。

例如，当有人访问时我需要显示“123.jpg”：

website.com/view/#123



website.com/view/#123.jpg



website.com/view#123



website.com/view#123.jpg

（无论以何种方式推荐或实际工作）

我正在寻找最终结果：< img src=123.jpg" >

提前致谢。我将衷心感谢任何帮助。

（通过背景或其他信息，我需要Facebook的sharer.php这样，以便人们可以在给定的网页上分享数百个图像中的一个（例如，website.com / blog，他们碰巧喜欢123在那里的图像），他们点击链接分享该特定图像（123.jpg），然后他们点击链接的任何朋友（website.com/view/#123）将到达一个主题页面，只有中间的图像（123.jpg），没有别的，然后他们可以点击网站的其余部分。主要的好处是123.jpg将是唯一一个在Facebook Feed上显示为缩略图的图像或“壁”。）

Answer 1

window.onhashchange = function() {
    if (location.hash) {
         var url = location.hash.substr(1); // strip the # char
         if (url.indexOf('.') == -1) {
             url += '.jpg';
         }
         document.getElementById('myImg').src = url; // show the image; value of the variable 'url'
    }
};
window.onhashchange(); // call the event on load

Answer 2

使用类似的东西。

$(document).ready(function(){
   var url = document.URL; //get the url

   if ( url.indexOf("#") != -1 ) //check if '#' is present in the url 
   {
      var split_array = url.split("#");
      var image_url = split_array[split_array.length - 1];

      //display the image
   }
});

Answer 3

试试这个，

  $(document).ready(function() {
    getImageSrc();
    $(window).on('hashchange',  getImageSrc); // will always lookout for changes in # URL

  });

  function getImageSrc() {
    if(window.location.hash) {
        var imgSrc = window.location.hash.substr(1);
        if(imgSrc.indexOf('.') == -1 ) {
            imgSrc = imgSrc + ".jpg";
        }
        alert(imgSrc);
    }
  }

基于URL结尾显示图像（变量或属性）[磅/数字符号＃]

3 个答案: