GASでWebサイトの画像を取得したい

Question

GASでWebサイトの画像を取得し、ドライブのフォルダに保存したい。

スプレッドシートのA1列にURLを入れています。
https://pelulu.jp/collection/73351

発生している問題・エラーメッセージ

GoogleドキュメントでWebサイトの内容が取得されている。
ドキュメント上に画像も表示はされているが、jpg、pngなど、画像だけを取得したい。
数多くのサイトを日々名前をつけて保存が大変なので、画像だけをフォルダに入れたいです。

なぜこうなってしまうのか解決できません。
有識者の方、ご教示いただきたくお願いいたします。

該当のソースコード

//A列に入力された画像URLの画像をダウンロード
function downloadImages() {
  
  // 今開いているシートの取得
  var sheet = SpreadsheetApp.getActiveSheet();
  
  // A列にURL
  range = sheet.getRange("A1:A");
  
  // 画像URLが入力されている最後の行数を取得
  var row = sheet.getLastRow();
    for (i = 0; i < row; i++) {
  
  // シートから1行ずつ画像URLを取得
  var url = range.getCell(1,1).getValue();
      
  // 画像データ取得
  var response = UrlFetchApp.fetch(url);
  var image = response.getBlob();
  var dir = DriveApp.getFolderById("1cjBEoQRMzuCdyKcODIU794o3pyh9DcWn");
  dir.createFile(image);

  // 画像フォルダ
  var folders = DriveApp.getFoldersByName("画像フォルダ");
  while(folders.hasNext()) {
  var folder = folders.next();
  if(folder.getName() == "画像フォルダ"){
  break;
      }
    }

   
  }
}

Comments

[papinianus]

再現性があるリンクを最低一つは提示してくれないと、html指定したらサイト全部になるよね、としか言えないので。

[yupon]

失礼いたしました。
例えば以下のサイトのjpg画像を名前を付けて保存ではなく、自動で取得したいです。
https://pelulu.jp/collection/73351

[papinianus]

この中から画像を拾ってきて保存したいってことですか？

[yupon]

はい！まさにそうです。

Answer 1

取得したURLからimgタグを正規表現で取得する事で実現が可能です。
例としてあげていただきましたURLですと以下のように取得が可能です。

var url = "https://pelulu.jp/collection/73351/";
var response = UrlFetchApp.fetch(url);
var html = response.getContentText('UTF-8');

// 取得したHTMLからimgタグのsrc属性を取得する
var r = /<img.*?src=\"(.*?)\".*?>/g;
var a = [];
while ((m = r.exec(html)) != null) {
  var image_url = m[1];
  if (image_url.slice(0,4) === "http") {
    // http以外が含まれている場合に除外
    var res = UrlFetchApp.fetch(image_url);
    var image = res.getBlob();
    // 取得したimageを保存する
  }
}

※質問としては画像取得のため、画像保存の部分は確認しておりません。
※特にファイルの中身は見ていませんので、正しく取得できないようしたら正規表現を修正、取得後にifで弾くなどの対応をお願いいたします。

Comments

[yupon]

誠にありがとうございます！
取得ができました。
そしてとても勉強になりました。