快速上手：Nodejs搭配axios下载图片，WordPress文章外链替换利器

2023-03-27 00:21:58

Node.js和Axios：解决WordPress中外链图片替换问题

在当今的互联网世界中，图片是网页内容中不可或缺的一部分。它们不仅能丰富内容，还能传递信息并提升用户体验。然而，对于WordPress用户来说，外链图片的替换一直是令人头疼的问题。当网站迁移或原图失效时，这些外链图片可能会导致404错误，影响网站的整体形象和用户体验。

Node.js和Axios：强强联手，轻松替换外链图片

此时，Node.js搭配Axios的组合便派上用场了。Node.js是一个流行的JavaScript运行时环境，而Axios是一个Promise风格的HTTP客户端，二者强强联手，可以轻松下载图片并替换WordPress文章中的外链图片，让您在文章迁移或原图失效的情况下，也能保持网站的正常运行和美观。

使用Node.js和Axios替换外链图片的步骤

1. 安装Node.js和Axios

在您的计算机上安装Node.js，可从官方网站下载安装包。在终端中输入npm install axios安装Axios。

2. 创建项目文件夹

在您希望存储项目的目录中创建一个新文件夹。

3. 初始化package.json文件

在项目文件夹中运行npm init -y初始化一个package.json文件。

4. 安装依赖项

在终端中输入npm install cheerio，安装cheerio库。

5. 编写脚本

在项目文件夹中创建一个名为index.js的文件，并复制以下代码：

const axios = require('axios');
const cheerio = require('cheerio');

const url = 'https://example.com/article';

axios.get(url)
  .then(response => {
    const $ = cheerio.load(response.data);

    $('img').each((i, element) => {
      const src = $(element).attr('src');
      if (src.startsWith('http')) {
        const filename = src.split('/').pop();
        axios.get(src, { responseType: 'arraybuffer' })
          .then(image => {
            fs.writeFileSync(filename, image.data);
          });
      }
    });
  });