Node.js+GraphQL批量传Base64图片到Cloudinary遇ENAMETOOLONG错误

问题根源 #

错误码-4064的ENAMETOOLONG是因为Cloudinary的upload方法把传入内容当成了本地文件路径，而非Base64数据。核心问题是前端构造GraphQL查询时，错误地将图片数组转为逗号分隔的字符串，后端无法解析为数组，导致传递给Cloudinary的是一个超长的无效路径字符串。

解决方案 #

1. 修正前端GraphQL查询的数组传递方式 #

前端构造mutation时，必须按照GraphQL数组格式传递images参数，不能直接把数组转成字符串。修改查询中的images字段写法：

原错误写法：

images:"${images}"

改为正确的数组格式（同时转义字符串中的引号，避免破坏GraphQL语法）：

images:[${images.map(img => `"${img.replace(/"/g, '\\"')}"`).join(',')}]

2. 完整修改后的前端请求代码 #

export const fetchAsyncCreateEvents = createAsyncThunk(
  "Events/fetchAsyncCreateEvents",
  async (eventInput: Event) => {
    const {
      title,
      category,
      description,
      brief,
      price,
      date,
      tickets,
      images,
    } = eventInput;
    // 处理图片数组，转为GraphQL可识别的格式
    const imagesQueryStr = images.map(img => `"${img.replace(/"/g, '\\"')}"`).join(',');
    // 统一转义其他字符串字段的引号，避免语法错误
    const safeTitle = title.replace(/"/g, '\\"');
    const safeCategory = category.replace(/"/g, '\\"');
    const safeDescription = description.replace(/"/g, '\\"');
    const safeBrief = brief.replace(/"/g, '\\"');

    const { data } = await axios.post<Event>(
      API,
      {
        query: `
                  mutation{
                    createEvent(eventInput:{title:"${safeTitle}",category:"${safeCategory}",description:"""${safeDescription}""",brief:"${safeBrief}",price:${price},date:"${date}",tickets:${tickets},images:[${imagesQueryStr}]}){
                      author{
                        email
                      }
                    }
                  }
              `,
      },
      {
        headers: {
          "Content-Type": "application/json",
          Authorization: "Bearer " + localStorage.getItem("token"),
        },
      }
    );
    return data;
  }
);

3. 额外检查项 #

• 确认后端GraphQL Schema中，eventInput的images字段定义为[String!]!类型，确保能正确接收数组参数。
• 避免手动拼接GraphQL查询：手动拼接容易出现语法错误和注入风险，建议用GraphQL客户端（如Apollo Client）自动处理参数格式。

验证逻辑 #

修改后，后端args.eventInput.images会收到正确的Base64字符串数组，循环中每个元素都是有效的图片数据，Cloudinary会正确识别并处理，不会再将其当作本地文件路径，从而解决ENAMETOOLONG错误。

内容的提问来源于stack exchange，提问作者mahmoud albaghdady