Attaching local image file to embed

const imageFile = new AttachmentBuilder(`../../assets/war_ranks/${warRank}.png`, { name: `${warRank}.png` });

            const embed= new EmbedBuilder()
            .setTitle(`[${tag}] ${name}`)
            .setDescription(`${desc}`)
            .setThumbnail(`attachment://${imageFile.name}`);
            
            await interaction.channel.send({ embeds: [embed], files: [imageFile] });

const imageFile = new AttachmentBuilder(`../../assets/war_ranks/${warRank}.png`, { name: `${warRank}.png` });

            const embed= new EmbedBuilder()
            .setTitle(`[${tag}] ${name}`)
            .setDescription(`${desc}`)
            .setThumbnail(`attachment://${imageFile.name}`);
            
            await interaction.channel.send({ embeds: [embed], files: [imageFile] });

const imageFile = new AttachmentBuilder(`../../assets/war_ranks/${warRank}.png`, { name: `${warRank}.png` });

            const embed= new EmbedBuilder()
            .setTitle(`[${tag}] ${name}`)
            .setDescription(`${desc}`)
            .setThumbnail(`attachment://${imageFile.name}`);
            
            await interaction.channel.send({ embeds: [embed], files: [imageFile] });

const imageFile = new AttachmentBuilder(`../../assets/war_ranks/${warRank}.png`, { name: `${warRank}.png` });

            const embed= new EmbedBuilder()
            .setTitle(`[${tag}] ${name}`)
            .setDescription(`${desc}`)
            .setThumbnail(`attachment://${imageFile.name}`);
            
            await interaction.channel.send({ embeds: [embed], files: [imageFile] });

Errors:

CombinedError (2)
  Received one or more errors

  1 ValidationError > s.nullish
  |   Expected undefined or null
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

  2 ExpectedConstraintError > s.string.url
  |   Invalid URL
  |
  |   Expected: expected to match a URL
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

CombinedError (2)
  Received one or more errors

  1 ValidationError > s.nullish
  |   Expected undefined or null
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

  2 ExpectedConstraintError > s.string.url
  |   Invalid URL
  |
  |   Expected: expected to match a URL
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

CombinedError (2)
  Received one or more errors

  1 ValidationError > s.nullish
  |   Expected undefined or null
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

  2 ExpectedConstraintError > s.string.url
  |   Invalid URL
  |
  |   Expected: expected to match a URL
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

CombinedError (2)
  Received one or more errors

  1 ValidationError > s.nullish
  |   Expected undefined or null
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

  2 ExpectedConstraintError > s.string.url
  |   Invalid URL
  |
  |   Expected: expected to match a URL
  |
  |   Received:
  |   | 'attachment://Platinum 4.png'

d.js toolkit•8/4/23, 5:38 PM

What's your exact discord.js

npm list discord.js

npm list discord.js

and node

node -v

node -v

version?

Not a discord.js issue? Check out #other-js-ts.
Consider reading #how-to-get-help to improve your question!
Explain what exactly your issue is.
Post the full error stack trace, not just the top part!
Show your code!
Issue solved? Press the button!

samurai jackOP•8/4/23, 5:38 PM

im struggling to add a local image file to my embed as a thumbnail

samurai jackOP•8/4/23, 5:38 PM

code and errors are shown above

samurai jackOP•8/4/23, 5:38 PM

Syjalo•8/4/23, 6:02 PM

A URL can't contain spaces. Use decodeURIdecodeURI.

samurai jackOP•8/4/23, 6:17 PM

updated code:

const imageFile = new AttachmentBuilder(path.join(__dirname, `../../assets/images/${warRank}.png`), { name: `${warRank}.png` });

const embed = new EmbedBuilder()
  .setTitle(`[${tag}] ${name}`)
  .setDescription('abc')
  .setThumbnail(decodeURI(`attachment://${imageFile.name}`));

await interaction.channel.send({ embeds: [embed], files: [imageFile] });

const imageFile = new AttachmentBuilder(path.join(__dirname, `../../assets/images/${warRank}.png`), { name: `${warRank}.png` });

const embed = new EmbedBuilder()
  .setTitle(`[${tag}] ${name}`)
  .setDescription('abc')
  .setThumbnail(decodeURI(`attachment://${imageFile.name}`));

await interaction.channel.send({ embeds: [embed], files: [imageFile] });

im still receiving the same errors

samurai jackOP•8/4/23, 6:26 PM

oh when i swapped decodeURIdecodeURI for encodeURIencodeURI it works now but for some reason its just posting the image as an attachment rather than making it the thumbnail of the embed

(this only happens when the file name has a space in it)

space•8/4/23, 7:10 PM

You also need to encode the file name in the attachment.

Sspace You also need to encode the file name in the attachment.

samurai jackOP•8/4/23, 7:26 PM

const imageFile = new AttachmentBuilder(encodeURI(path.join(__dirname, `../../assets/images/${warRank}.png`)), { name: `${warRank}.png` });

const imageFile = new AttachmentBuilder(encodeURI(path.join(__dirname, `../../assets/images/${warRank}.png`)), { name: `${warRank}.png` });

like this?
or do you mean the actual name:name: part? if you do, then whats the purpose of that since its already being done in the .setThumbnail().setThumbnail() line

samurai jackOP•8/4/23, 7:27 PM

wait that doesnt even work

samurai jackOP•8/4/23, 7:28 PM

the code that i showed

samurai jackOP•8/4/23, 7:28 PM

space•8/4/23, 7:28 PM

Only the actual name, encoding the file path will probably only cause issues.
The reason for this is that you need to provide the same name for the attachment and the reference for Discord to know that you want to reference the attachment.

samurai jackOP•8/4/23, 7:29 PM

ah i see

samurai jackOP•8/4/23, 7:29 PM

updated code

const imageFile = new AttachmentBuilder(path.join(__dirname, `../../assets/images/${warRank}.png`), { name: encodeURI(`${warRank}.png`) });

const imageFile = new AttachmentBuilder(path.join(__dirname, `../../assets/images/${warRank}.png`), { name: encodeURI(`${warRank}.png`) });

samurai jackOP•8/4/23, 7:29 PM

didnt fix

samurai jackOP•8/4/23, 7:29 PM

space•8/4/23, 7:29 PM

rip

samurai jackOP•8/4/23, 7:29 PM

thanks for the help ig

samurai jackOP•8/4/23, 7:30 PM

i will wait to see if anyone else knows

samurai jackOP•8/4/23, 7:34 PM

im genuinely confused

samurai jackOP•8/4/23, 7:34 PM

cuz when the file name of the image is

samurai jackOP•8/4/23, 7:34 PM

Participation.pngParticipation.png

samurai jackOP•8/4/23, 7:34 PM

it sends as a thumbnail

samurai jackOP•8/4/23, 7:35 PM

but if its Gold 1.pngGold 1.png it sends as an attachment

Ssamurai jack but if its `Gold 1.png` it sends as an attachment 🤔

Squid•8/5/23, 2:42 AM

Can you try warRank.replaceAll(' ', '_')warRank.replaceAll(' ', '_')? I believe that worked for me in the past, but I don't know for certain

Squid•8/5/23, 2:42 AM

For the name, not the file path (iirc, but worth trying for both separately/together)

samurai jackOP•8/5/23, 2:59 AM

i’ll try in the morning and let you know what happens

SSquid For the name, not the file path (iirc, but worth trying for both separately/toge...

samurai jackOP•8/5/23, 6:38 PM

didnt work

samurai jackOP•8/5/23, 6:38 PM

its fine tho i just changed all the file names

samurai jackOP•8/5/23, 6:38 PM

and added a --

samurai jackOP•8/5/23, 6:38 PM

instead of the space

samurai jackOP•8/5/23, 6:38 PM

thanks everyone

Attaching local image file to embed

Similar Threads

Similar Threads

Similar Threads