ดึงไฟล์ภาพจากเว็บด้วย Node.js แต่ให้ AI เขียนให้

ประเด็นเริ่มมาจากอยากเก็บมังงะเรื่องนึงเอาไว้อ่านเวลาไม่มี internet แต่จำนวนรูปมันเยอะเหลือเกิน ทำให้ขี้เกียจคลิกขวา Save ทีละไฟล์ ก็เลยไปบ่นๆ กับ AI แล้วหลังจากนั้นมันก็ให้ Code ไปโหลดเลย (ดีจริงๆ)

หลักๆ lib ที่ AI มันใช้ก็มีอยู่ 2 ตัวคือ 1.) axios เอาไว้เรียก http Request ตามปกติ 2.) cheerio เอาไว้จัดการ element เปรียบเสมือนกับ jquery อะไรประมาณนั้นเลย

เอาโค้ดหลักๆ ประมาณนี้

<div class="img-class">
  <div class="pages">
    <img id="image-0" src="https://example.com/image1.jpg">
  </div>
  <div class="pages">
    <img id="image-1" src="https://example.com/image2.jpg">
  </div>
  ...
</div>

const URL = "https://test.com"
const { data: html } = await axios.get(URL);
const $ = cheerio.load(html);
const images = $('.img-class img'); /* อันนี้คือก็คือไปหา tag class img-class ที่อยู่บนเว็บที่เราไปดึงข้อมูล*/

/* พอเราได้มา ก็ควรจะได้เป็น array ของรูปมาใช้งาน จากนั้นก็เอาไปวนลูปเพื่อทำการ Save รูป */

const response = await axios.get(UrlImage, { responseType: 'stream' });
const writer = fs.createWriteStream(filePath);
response.data.pipe(writer);
/* อันนี้รอโหลดเสร็จก่อน ค่อยโหลดอันต่อไป */
await new Promise((resolve, reject) => {
                    writer.on('finish', resolve);
                    writer.on('error', reject);
                });

เอาจริงๆ อันนี้แค่ย่อโค้ดมา ซึ่งที่ AI ให้มาเนี่ย แทบจะทำงานได้ 99.99 เลย มาแก้โค้ดแค่นิดหน่อยเท่านัน เลยจะบอกว่าชิวสุดๆ

ใครอยากได้โค้ดเต็มๆ จริงๆ โยนแค่นี้ไปถาม AI เพิ่ม คิดว่าเดี๋ยวมันก็ Gen Code แบบเต็มมาให้พร้อมใช้งานได้จริงๆ 555

แต่ข้อควรระวังเลย ก็คือเว็บบล็อกเราได้ ถ้าเกิดเราเรียก API ถี่เกินไปแบบแปลกๆ แล้วมีคน monitor อ่านะ หรือพวกเว็บที่ block ก็โหลดไม่ได้เหมือนกัน