URLからファイル名(画像)を抜き出す。
次のようにstring.split()メソッドで区切り文字「/」で文字列を分割して、新しい配列を作成する。しかし元の文字列自体は変更しない。
array.pop()メソッドで配列の最後の要素「20221231-1.jpg?resize=1024」を取得した後にstring.split()メソッドで区切り文字「?」で文字列を分割して、新しい配列を作成する。
これによりfileName.split(‘?’)[0]がファイル名(画像)となる。
split(他)(木材など)を割る;(布など)を裂く
const imgUrl = "https://sample.sample/uploads/2022/12/20221231-1.jpg?resize=1024";
const fileName = imgUrl.split('/').pop()
const fileName2 = fileName.split('?')[0];
console.log("imgUrl = " + imgUrl);//https://sample.sample/uploads/2022/12/20221231-1.jpg?resize=1024
console.log("fileName = " + fileName);//20221231-1.jpg?resize=1024
console.log("fileName2 = " + fileName2);//20221231-1.jpg