WEBサイトから画像データを一括取得したいです。

Question

こちらのサイト（http://kogolab.chillout.jp/elearn/hamburger/chap1/sec3.html）にある画像データを一括取得しようと、以下のコードを実行しました。エラーは起きませんが、同じ階層にあるpicturesフォルダを覗いても、画像データがありません。
ネットで調べてみたのですが、解決策が見当たりませんでした。初歩的なミスかと思いますが、わかる方ご教示いただきたいです。よろしくお願いいたします。

import requests
from bs4 import BeautifulSoup

url = "http://kogolab.chillout.jp/elearn/hamburger/chap1/"

response = requests.get(url)
soup = BeautifulSoup(response.content,'lxml')
images = soup.find_all('img')
i = 1
for target in images:
re = requests.get(target['src'])
with open(str('./pictures/')+img_+str(i)+str('.jpg'), 'wb') as f:

    f.write(re.content)
i += 1

Answer 1

こちらのサイト(http://kogolab.chillout.jp/elearn/hamburger/chap1/sec3.html)にある画像データを一括取得しようと、

import requests
from bs4 import BeautifulSoup

url = 'http://kogolab.chillout.jp/elearn/hamburger/chap1/sec3.html'

response = requests.get(url)
soup = BeautifulSoup(response.content, 'lxml')
images = soup.find_all('img')
i = 1
for target in images:
    re = requests.get(requests.compat.urljoin(url, target['src']))
    with open(f'./pictures/img_{i}.jpg', 'wb') as f:
        f.write(re.content)
    i += 1

$ ls -1 pictures
img_1.jpg
img_2.jpg

Comments

[mountpaper]

回答ありがとうございます！
教えていただいた内容を実行したところ、想定した結果を得られました。

ありがとうございました。