时间戳

首页 > 解决方案 > 获取背景图像 url 时如何让 JQuery 替换字符串的非 URL 部分

javascript - 获取背景图像 url 时如何让 JQuery 替换字符串的非 URL 部分

问题描述

我有这段代码可以提取背景图像的元素，但是它也会拉入代码的“url”部分。我只需要实际的图片地址

我尝试使用替换功能，但是当我检查输出时它对字符串没有任何作用。

var jsonData =
{ "image": jQuery('#block-content').css('background-image').replace(/^url\(['"](.+)['"]\)/, '$1'),
var script = document.createElement('script');
script.type = 'application/ld+json';
script.text = JSON.stringify(jsonData);
jQuery("head").append(script);

元素内的图像是 //imageaddress.jpg 所以它将它提取为

https://example.com/recipes/url(https://example.com/sites/image.jpg?itok=jfzYQHZx)

我该如何解决这个问题，这样它才能给我

https://example.com/sites/image.jpg?itok=jfzYQHZx

标签： javascriptjqueryregex

解决方案

请注意，某些 URL 并不总是在引号中：

url(https://example.com/sites/image.jpg?itok=jfzYQHZx)

然后添加['"]?=>?检测零或 1 个字符

var str  = "url('https://example.com/sites/image.jpg?itok=jfzYQHZx')"; // example string
var str2 = "url(https://example.com/sites/image.jpg?itok=jfzYQHZx)"; // without quotes
str  = str.replace(/^url\(["']?(.+?)["']?\)/,"$1"); // replace with first group (.+?)
str2 = str2.replace(/^url\(["']?(.+?)["']?\)/,"$1"); 
console.log(str);
console.log(str2);

var jsonData = { "image": jQuery('#block-content').css('background-image').replace(/^url\(["']?(.+?)["']?\)/,"$1"),}

推荐阅读