Javascript获取元素背景图像，但消除了；url（）；

我一直在制作一个图像库，我一直在自己创作，我在其中添加了一个“放大”功能

我知道我非常接近成功，但我只有一个小问题。 在Javascript中，我设法获得了将被放大的图像的背景属性，但它捕获了图像，包括

url（）

。我只想获取URL（http:…/），不包括

URL（）

我希望这不是很混乱，但如果你是，这是我的项目链接。单击图像放大，但它实际上会提醒

背景图像

属性，因为我想看看它首先获取什么

---

这可能吗？

使用正则表达式，或从

s.IndexOf("(")) + 1;

---

t在“URL（“然后修剪最后一个字符以删除”）”之后执行所有操作。

使用正则表达式，或从

s.IndexOf("(")) + 1;

---

t在“URL（“然后修剪最后一个字符以删除”）”之后执行所有操作。

使用正则表达式，或从

s.IndexOf("(")) + 1;

---

t在“URL（“然后修剪最后一个字符以删除”）”之后执行所有操作。

使用正则表达式，或从

s.IndexOf("(")) + 1;

t在“URL（“然后修剪最后一个字符以删除”）”之后删除所有内容。

---

更新

您可以使用正则表达式删除

url（

和

）

，如下所示：

  var sourceimg = document.getElementById("image");
  var url = window.getComputedStyle(sourceimg, null).getPropertyValue("background-image");
  var urlWithoutUrl = url.replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '')
  alert(urlWithoutUrl);

：）

---

更新

您可以使用正则表达式删除

url（

和

）

，如下所示：

  var sourceimg = document.getElementById("image");
  var url = window.getComputedStyle(sourceimg, null).getPropertyValue("background-image");
  var urlWithoutUrl = url.replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '')
  alert(urlWithoutUrl);

：）

---

更新

您可以使用正则表达式删除

url（

和

）

，如下所示：

  var sourceimg = document.getElementById("image");
  var url = window.getComputedStyle(sourceimg, null).getPropertyValue("background-image");
  var urlWithoutUrl = url.replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '')
  alert(urlWithoutUrl);

：）

---

更新

您可以使用正则表达式删除

url（

和

）

，如下所示：

  var sourceimg = document.getElementById("image");
  var url = window.getComputedStyle(sourceimg, null).getPropertyValue("background-image");
  var urlWithoutUrl = url.replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '')
  alert(urlWithoutUrl);

：）

试试看

var url = $(el).css("backgroundImage").split(/\s|url\(|\)/).filter(Boolean)[0];

var url=$（“body”）.css（“backgroundImage”）.split（/\s | url\（|\）/）.filter（Boolean）[0]；
console.log（url）
正文{
宽度：300px；
高度：200px；
背景图像：url（'http://lorempixel.com/300/200/technics/')
}

试试看


var url=$（“body”）.css（“backgroundImage”）.split（/\s | url\（|\）/）.filter（Boolean）[0]；
console.log（url）
正文{
宽度：300px；
高度：200px；
背景图像：url（'http://lorempixel.com/300/200/technics/')
}

试试看


var url=$（“body”）.css（“backgroundImage”）.split（/\s | url\（|\）/）.filter（Boolean）[0]；
console.log（url）
正文{
宽度：300px；
高度：200px；
背景图像：url（'http://lorempixel.com/300/200/technics/')
}

试试看


var url=$（“body”）.css（“backgroundImage”）.split（/\s | url\（|\）/）.filter（Boolean）[0]；
console.log（url）
正文{
宽度：300px；
高度：200px；
背景图像：url（'http://lorempixel.com/300/200/technics/')
}
以下是您需要在代码中进行的更改：

alert(window.getComputedStyle(sourceimg,null).getPropertyValue("background-image").replace(/^url\((http.+)\)$/g, '$1'));

以下是您需要在代码中进行的更改：

alert(window.getComputedStyle(sourceimg,null).getPropertyValue("background-image").replace(/^url\((http.+)\)$/g, '$1'));

以下是您需要在代码中进行的更改：

alert(window.getComputedStyle(sourceimg,null).getPropertyValue("background-image").replace(/^url\((http.+)\)$/g, '$1'));

以下是您需要在代码中进行的更改：

alert(window.getComputedStyle(sourceimg,null).getPropertyValue("background-image").replace(/^url\((http.+)\)$/g, '$1'));

最简单的解决方案是方法。第一个参数指定从何处开始选择，第二个参数指定从字符串末尾结束选择（如果为负值）。因此，您的代码应该是：

var bkImg = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var bkImgUrl = bkImg.slice(4, -1);

最简单的解决方案是方法。第一个参数指定从何处开始选择，第二个参数指定从字符串末尾结束选择（如果为负值）。因此，您的代码应该是：

var bkImg = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var bkImgUrl = bkImg.slice(4, -1);

最简单的解决方案是方法。第一个参数指定从何处开始选择，第二个参数指定从字符串末尾结束选择（如果为负值）。因此，您的代码应该是：

var bkImg = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var bkImgUrl = bkImg.slice(4, -1);

最简单的解决方案是方法。第一个参数指定从何处开始选择，第二个参数指定从字符串末尾结束选择（如果为负值）。因此，您的代码应该是：

var bkImg = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var bkImgUrl = bkImg.slice(4, -1);

最好是将字符串放在
url（）
中，而不是使用正则表达式或其他东西

var url = "url(somefile.gif)";
var final_url = url.substr(4, url.length - 4 - 1);

参数：初始位置（从
0
，即第四个字符是“s”）和将创建新字符串的字符数（即原始字符串的长度减去4-url（
stuff-和减去1-url）（
）
stuff-）

结果将是：

somefile.gif

在你的问题中使用它：

var url = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var final_url = url.substr(4, url.length - 4 - 1);
alert(final_url);

最好是将字符串放在
url（）
中，而不是使用正则表达式或其他东西

var url = "url(somefile.gif)";
var final_url = url.substr(4, url.length - 4 - 1);

参数：初始位置（从
0
，即第四个字符是“s”）和将创建新字符串的字符数（即原始字符串的长度减去4-url（
stuff-和减去1-url）（
）
stuff-）

结果将是：

somefile.gif

在你的问题中使用它：

var url = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var final_url = url.substr(4, url.length - 4 - 1);
alert(final_url);

最好是将字符串放在
url（）
中，而不是使用正则表达式或其他东西

var url = "url(somefile.gif)";
var final_url = url.substr(4, url.length - 4 - 1);

参数：初始位置（从
0
，即第四个字符是“s”）和将创建新字符串的字符数（即原始字符串的长度减去4-url（
stuff-和减去1-url）（
）
stuff-）

结果将是：

somefile.gif

在你的问题中使用它：

var url = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var final_url = url.substr(4, url.length - 4 - 1);
alert(final_url);

最好是将字符串放在
url（）
中，而不是使用正则表达式或其他东西

var url = "url(somefile.gif)";
var final_url = url.substr(4, url.length - 4 - 1);

参数：初始位置（从
0
，即第四个字符是“s”）和将创建新字符串的字符数（即原始字符串的长度减去4-url（

stuff-和减去1-url）（

）

stuff-）

结果将是：

somefile.gif

在你的问题中使用它：

var url = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var final_url = url.substr(4, url.length - 4 - 1);
alert(final_url);

我不会这么说