在JavaScript中重定向后,从“imgur.com / random”中获取随机图像

时间:2014-04-20 00:15:40

标签: javascript jquery redirect

http://jsfiddle.net/ninmonkey/T2w4E/10/

我正在尝试显示图像,例如:<img class="randImage" src="http://imgur.com/random" />但它不起作用。如果您转到http://imgur.com/random,它会重定向到有效的图片网址。

我尝试在javascript中执行请求,将结果用作我的新src。它不起作用。 (所有谷歌搜索结果都是关于创建重定向。我需要现有重定向的结果。)

作为测试,我手动创建了一个随机数组,并且可以正常工作。

var names = ["http://i.imgur.com/vvIbzVL.jpg", "http://i.imgur.com/0bbqCk6.gif", "http://i.imgur.com/U1AyHde.gif", "http://i.imgur.com/iUABgnE.gif", "http://i.imgur.com/mIUH5Gg.gif"];
var urlRandom = "http://imgur.com/random";

// random image from array
function randomize() {
    var item = names[Math.floor(Math.random()*names.length)];
    $(".randImg").attr("src", item);       
}

//didn't work, using "http://imgur.com/random
function randomImgur() {
  $.ajax( {
    url: urlRandom, context: document.window 
  }).done(function() {
      console.log("done");
      $(".randImg").attr("src", $(this).src);

      var randImage = new Image();
      randImage.src = $(this).url;

      $(".randImg").attr("src", randImage.src);
      console.log("src = " + randImage.src );
  });

}

// toggle these to test.
//$('.randImg').click( randomize );
$('.randImg').click( randomImgur );
randomize();

0 个答案:

没有答案