私はクロムで正規表現を開発していましたが、すべて正常に機能しました...次に、同じWebページを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+'")');
機能:
1 つの div の background-image プロパティを取得して解析し、画像の名前と拡張子を取得します。その画像の他の div のより大きなバージョンに割り当てます。何故ですか?