How can I send images with text via a Discord bot in NodeJS?

Other Questions Discord bot
1

Hey everyone, I’m having trouble getting my Discord bot to send an image together with a text message. I’m developing with NodeJS and I host my images on Imgur.

Normally, I send a message like this:

bot.sendMessage({
  to: channelID,
  message: "Check out this cool image!"
});

However, when I add an image using the file option:

bot.sendMessage({
  to: channelID,
  message: "Check out this cool image!",
  file: "https://i.imgur.com/example.jpg"
});

The bot only posts the text. I’ve searched online and found similar issues, yet none worked for me. Does anyone know the correct way to display an image with the message?

Here’s a snippet showing how my bot is set up:

const bot = new Discord.Client({
  token: mySecretToken,
  autorun: true
});

bot.on('ready', () => {
  console.log('Bot is online!');
});

bot.on('message', (user, userID, channelID, message, event) => {
  // Bot logic here
});

Really appreciate any assistance!

2

I’ve encountered this issue before, and the solution lies in using the Discord.js library’s MessageEmbed class. Here’s how you can modify your code:

const Discord = require('discord.js');
const embed = new Discord.MessageEmbed()
    .setDescription('Check out this cool image!')
    .setImage('https://i.imgur.com/example.jpg');

bot.channels.cache.get(channelID).send(embed);

This approach allows you to embed the image directly into your message, creating a more visually appealing and integrated output. Make sure you’re using the latest version of Discord.js for this to work correctly. Also, remember to handle any potential errors that might occur when fetching or sending the embed.

3

hey man, i had the same issue. try using MessageAttachment instead. something like this:

const attachment = new MessageAttachment(‘https://i.imgur.com/example.jpg’);
channel.send(‘Check out this cool image!’, attachment);

hope that helps!

4

As someone who’s worked extensively with Discord bots, I can tell you that the Discord.js library has evolved quite a bit. The current best practice for sending images with text is using the MessageAttachment class along with the send() method. Here’s a snippet that should work:

const { MessageAttachment } = require('discord.js');
const attachment = new MessageAttachment('https://i.imgur.com/example.jpg');

channel.send({ content: 'Check out this cool image!', files: [attachment] });

This approach is more flexible and allows you to send multiple attachments if needed. Just make sure you’re using Discord.js v12 or later. Also, don’t forget to properly handle any potential errors, especially when dealing with external image URLs. Happy coding!