Download Images Of Given URLs In NodeJS

Sometims, we need to downlaod the images of given URLs. When it comes with file or streams, then it is difficult to handle. Haha, But exactly Not, it is not difficult. In this article, we will learn how to play with the images or streams. Here we will download the images of given list of URLs.

Prepare the list of image URLs:

Now we need to make a list of URLs. This list will have the all the URLs that needs to be downloaded.

                              const files = [
                              'https://idkblogs.com/images/medium/tech26.jpg',
                              'https://idkblogs.com/images/medium/tech1.jpg',
                              'https://idkblogs.com/images/medium/tech7.jpg'
                            ];
                            

Let's write the logic to download the images:

Now, it's time to write our core logic or a function to download the image in nodejs. In the following function, it will take a URL and download it in your current directory.
You can change the path of destination.

                            const downloadFile = async (fileUrl, outputLocationPath) => {
                              try {
                                  const data = await axios.head(fileUrl);
                                  if (data || data.status == 200) {
                                      if (data.headers["content-length"] <= 10 * 1048576) {
                                          const response = await axios({
                                              method: "get",
                                              url: fileUrl,
                                              responseType: "stream",
                                          });
                          
                                          return new Promise((resolve, reject) => {
                                              try {
                                                  const writer = fs.createWriteStream(outputLocationPath);
                                                  writer.on("error", (err) => {
                                                      console.log("downloadFileFn writer error called → ", err);
                                                      error = err;
                                                      writer.close();
                                                      resolve(false);
                                                  });
                                                  writer.on("close", () => {
                                                      if (!error) {
                                                          resolve(true);
                                                      }
                                                  });
                                                  response.data.pipe(writer);
                                                  let error = null;
                                              } catch (err) {
                                                  reject(err);
                                              }
                                          });
                                      }
                                  }
                                  return false;
                              } catch (err) {
                                  console.log('************ Error in Image Processing: downloadFileFn ************', err?.message);
                                  throw err;
                              }
                          };
                          

Wrap the downloadFile() for multiple URLs:

Now, we will wrap the above function with multiple URLS, we will pass a list of URLs and our logic will downlaod all the images one by one, but we will call this function only once.

                            const handleImageDownload = async (files) => {
                              try {
                                  if (!files) return;
                                  let filePath = './';
                                  let fileName;
                                  let isFileUpload;
                                  let fileData = [];
                                  for (let i = 0; i < files.length; i++) {
                                      if (i >= 10) break;
                                      fileName = `image-IDK-${uuidv4()}.jpg`;
                                      const fileImagePath = path.resolve(filePath, fileName);
                                      isFileUpload = await downloadFile(files[i], fileImagePath);
                                      if (isFileUpload) {
                                          fileData.push(fileName);
                                      }
                                  }
                                  return fileData;
                              } catch (err) {
                                  throw err;
                              }
                          };
                          

Call the handleImageDownload() to downlaod the all images:

We will call the handleImageDownload() to downlaod the images.

                            handleImageDownload(files).then((res) => {
                              console.log('res :', res);
                            })
                            .catch((err) => {
                              console.log('err :', err);
                            })
                          

Output:

Download Images Of Given URLs In NodeJS

Let's have the full codes:

FIle: download_file.js

                            const axios = require('axios');
                            const fs = require('fs');
                            const path = require('path');
                            const { v4: uuidv4 } = require('uuid');
                    
                            const files = [
                                'https://idkblogs.com/images/medium/tech26.jpg',
                                'https://idkblogs.com/images/medium/tech1.jpg',
                                'https://idkblogs.com/images/medium/tech7.jpg'
                              ];
                    
                            const downloadFile = async (fileUrl, outputLocationPath) => {
                                try {
                                    const data = await axios.head(fileUrl);
                                    if (data || data.status == 200) {
                                        if (data.headers["content-length"] <= 10 * 1048576) {
                                            const response = await axios({
                                                method: "get",
                                                url: fileUrl,
                                                responseType: "stream",
                                            });
                    
                                            return new Promise((resolve, reject) => {
                                                try {
                                                    const writer = fs.createWriteStream(outputLocationPath);
                                                    writer.on("error", (err) => {
                                                        console.log("downloadFileFn writer error called → ", err);
                                                        error = err;
                                                        writer.close();
                                                        resolve(false);
                                                    });
                                                    writer.on("close", () => {
                                                        if (!error) {
                                                            resolve(true);
                                                        }
                                                    });
                                                    response.data.pipe(writer);
                                                    let error = null;
                                                } catch (err) {
                                                    reject(err);
                                                }
                                            });
                                        }
                                    }
                                    return false;
                                } catch (err) {
                                    console.log('************ Error in Image Processing: downloadFileFn ************', err?.message);
                                    throw err;
                                }
                            };
                    
                        const handleImageDownload = async (files) => {
                            try {
                                if (!files) return;
                                let filePath = './';
                                let fileName;
                                let isFileUpload;
                                let fileData = [];
                                for (let i = 0; i < files.length; i++) {
                                    if (i >= 10) break;
                                    fileName = `image-IDK-${uuidv4()}.jpg`;
                                    const fileImagePath = path.resolve(filePath, fileName);
                                    isFileUpload = await downloadFile(files[i], fileImagePath);
                                    if (isFileUpload) {
                                        fileData.push(fileName);
                                    }
                                }
                                return fileData;
                            } catch (err) {
                                throw err;
                            }
                        };
                    
                    
                        handleImageDownload(files).then((res) => {
                            console.log('res :', res);
                        })
                        .catch((err) => {
                            console.log('err :', err)
                        })
                          

Run the above code:

node download_file.js 

Conclusion:

In this article we have seen how we can download single or multiple images of given URLs in Nodejs.