Question

我想在浏览器窗口中打印图像的绝对URL（即“www.mysite.com/hello/mypic.jpg”）。这是我的代码的一小部分：

$('img').each(function() {
        var pageInfo = {};

        var img_src = $(this).attr('src');

        alert(img_src);
});

我的提醒会继续打印相关网址（即'/hello/mypic.jpg'）。我搜索了论坛并尝试使用$（this）.src，但警报只是通知我img_src未定义。有谁知道如何获得绝对URL？

Answer 1

如果你正在使用jquery，下面的代码应该已经足够好了：

$("img").each(function() {
  var src = this.src;
  console.log(src); // will be absolute based on the current domain
});

Answer 2

通过直接访问<img>，

上的.src属性来尝试此操作

$('img').each(function() {
    var pageInfo = {};
    alert( $(this)[0].src ); // this will give your desired result
    alert(img_src);
});

Check this

Answer 3

你需要检查你的img的src属性，因为对我来说它给出了以下例子的完整src：

<img src="www.mysite.com/hello/mypic.jpg"></img>

$('img').each(function() {
        var pageInfo = {};
        var img_src = $(this).attr('src');
        alert(img_src);
});

<强> See it working here

你的img的src必须只包含/hello/mypic.jpg

javascript中img src的绝对URL

3 个答案: