我正在开发chrome中的regexp,一切正常......然后我在firefox中尝试了相同的网页(对于ubuntu v 20)并看到了这个:TypeError: imageName is null
。
我找不到原因。
这是我的代码:
bg类似于http://localhost:3000/images/gallery/905/thumb/905.jpg
bg = $('div.image',Clicked).css('background-image')
bg = bg.replace('url(','').replace(')','');
console.log('bg')
console.log(bg)
var imageNameRegexp = /\/([0-9]+)(\.[a-z]{3,4})$/i
var imageName = bg.match(imageNameRegexp)
var imageLocation = '/images/gallery/'+imageName[1]+'/large_croped/'+imageName[1]+imageName[2];
console.log(imageLocation);
$('#big_project_image').css('background-image','url("' + imageLocation+'")');
它的作用:
它需要一个div的background-image属性,解析它,获取图像名称&延期。分配给该图像的其他div更大版本。
那是为什么?
答案 0 :(得分:0)
更改正则表达式以在末尾包含引号"?'?
。 firefox在属性值中包含引号
var imageNameRegexp = /\/([0-9]+)(\.[a-z]{3,4})"?'?$/i