Can't send image and quick replies

[stefanmm]

Hi,

I tried to send image and quick replies in one message (or in two in row) but it's not possible. I have working code but for native Facebook messenger bot code, not for framework:

message: {
            attachment: {
                type: "image",
                payload: {
                    url: "ULR_OF_IMAGE"
                }
            },
            quick_replies: [{
                    content_type: "text",
                    title: "Scroll down",
                    payload: "scroll_down_payload"
                },
                {
                    content_type: "text",
                    title: "Scroll up",
                    payload: "YOUR_DEFINED_PAYLOAD_FOR_NEXT_IMAGE"
                },
                {
                    content_type: "text",
                    title: "Scroll top",
                    payload: "YOUR_DEFINED_PAYLOAD_FOR_NEXT_IMAGE"
                }
            ]
        }

Hi Stefan,

this is not possible. If you want to send a image first and them quick replies do so :

function cb(){
 bot.sendQuickReplies(userId, message, replies)
}
bot.sendImageMessage(userId, imageUrl, null, cb)

cheers,

Franzus

[stefanmm]

Thanks. I found other solution, but I changed fb-bot-framework/index.js file:

FBBotFramework.prototype.sendImageMessage = function (recipient, imageUrl, replies, notificationType, cb) {
    var messageData = {
        attachment: {
            type: "image",
            payload: {url: imageUrl}
        },
            quick_replies: replies
    };

    this.send(recipient, messageData, notificationType, cb);
};

So, in my file:

function sendUrlMessage(userId, siteUrl, topOffset) {
var imageUrl = "IMG_URL";
	
	var replies = [
        {
            "content_type": "text",
            "title": "title1",
            "payload": "payload1"
        },
        {
            "content_type": "text",
            "title": "title2",
            "payload": "payload2"
        }
    ];
	bot.sendImageMessage(userId, imageUrl, replies);
}

[henryckh]

You can achieve this by using send() API,
with the call like this

var messageData = {
    quick_replies: [
        {
            "content_type": "text",
            "title": "Good",
            "payload": "thumbs_up"
        },
        {
            "content_type": "text",
            "title": "Bad",
            "payload": "thumbs_down"
        }],
    attachment: {
        type: "image",
        payload: {
            url: "http://placehold.it/240x240&text=helloworld"
        }
    }
};
bot.send(recipient, messageData, FBBotFramework.NOTIFICATION_TYPE.REGULAR, function (err, result) {
    if(err) {
     // handle error
    }
    // response
});

I would suggest a new generic handling of sendMessage with custom payload to the framework.