Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use local file as thumbnail in DiscordJS embedded message?

Is it possible to use a local file as a thumbnail for an embedded message with DiscordJs?

"thumbnail": {
  "url": "../img/025.png"
},

This doesn't seem to work.

(node:34721) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1):  
DiscordAPIError: Invalid Form Body 
embed.thumbnail.url: Not a well formed URL.

Normal URL's do work however.

like image 388
Hedva Avatar asked Dec 23 '22 13:12

Hedva


2 Answers

I've already found an answer. Linking to the proper url of the file wasn't an option for me, because some images were generated.

You can attach an image to the message, and use this attachment as thumbnail. Most basic example:

const embed = {
  "title": "A Title" ,
  "color": 0xF96221,
  "thumbnail": {
    "url": "attachment://image.png"
  },
  "fields": [
    {
      "name": "Field 1:",
      "value": "One",
      "inline": false
    },
    {
      "name": "Field 2:",
      "value": "Two",
      "inline": true,
    },
    {
      "name":"Field 3:",
      "value":"Three",
      "inline": true
    },
  ],
  "footer": {
    "text":"Footer text"
  }
};

Attach the image to the message with:

message.channel.send({
  embed,
  files: [{
    attachment:'img/image.png',
    name:'image.png'
  }]
});
like image 148
Hedva Avatar answered Feb 15 '23 11:02

Hedva


Other way to do, I hope it helps

const attachment = new Discord.MessageAttachment('fileRoute', 'nameOfYourPicture');
const embed = new Discord.MessageEmbed()
  .setTitle('Title')
  .setColor('#8fda81')
  .addField('Message Send', messageToSend)
  .attachFiles(attachment)
  .setThumbnail('attachment://nameOfYourPicture');
message.channel.send(embed);
like image 34
Alberto Linde Avatar answered Feb 15 '23 11:02

Alberto Linde