How to use webhook to post image?

[jackjyq]

I have a self-hosted chatwoot which is connected to line.

I can send images through line and receive the image in chatwoot

Now I want to post the image to another service through webhook, here is my configuration:

However, I can only receive text messages but not images.

Here is what I received for an image, note that the content is null and the content_type is text, even though I have sent a image.

{
  "account": { "id": 1, "name": "***" },
  "additional_attributes": {},
  "content_attributes": {},
  "content_type": "text",
  "content": null,
  "conversation": {
    "additional_attributes": {},
    "can_reply": true,
    "channel": "Channel::Line",
    "contact_inbox": {
      "id": 2,
      "contact_id": 2,
      "inbox_id": 1,
      "source_id": "U5d373ad1b8e6b9e3b9fd2374a3a62a97",
      "created_at": "2022-08-31T10:32:01.301Z",
      "updated_at": "2022-08-31T10:32:01.301Z",
      "hmac_verified": false,
      "pubsub_token": "***"
    },
    "id": 2,
    "inbox_id": 1,
    "messages": [
      {
        "id": 44454,
        "content": null,
        "account_id": 1,
        "inbox_id": 1,
        "conversation_id": 2,
        "message_type": 0,
        "created_at": 1689734658,
        "updated_at": "2023-07-19T02:44:18.393Z",
        "private": false,
        "status": "sent",
        "source_id": "464566736877257012",
        "content_type": "text",
        "content_attributes": {},
        "sender_type": "Contact",
        "sender_id": 2,
        "external_source_ids": {},
        "additional_attributes": {},
        "conversation": { "assignee_id": 2 },
        "sender": {
          "additional_attributes": {},
          "custom_attributes": {},
          "email": null,
          "id": 2,
          "identifier": null,
          "name": "Gostop2003",
          "phone_number": null,
          "thumbnail": "",
          "type": "contact"
        }
      }
    ],
    "meta": {
      "sender": {
        "additional_attributes": {},
        "custom_attributes": {},
        "email": null,
        "id": 2,
        "identifier": null,
        "name": "Gostop2003",
        "phone_number": null,
        "thumbnail": "",
        "type": "contact"
      },
      "assignee": {
        "id": 2,
        "name": "***",
        "available_name": "***",
        "avatar_url": "",
        "type": "user",
        "availability_status": null,
        "thumbnail": ""
      },
      "team": null,
      "hmac_verified": false
    },
    "status": "open",
    "custom_attributes": { "xmfusercode": "BBBKK" },
    "snoozed_until": null,
    "unread_count": 1,
    "agent_last_seen_at": 1689734649,
    "contact_last_seen_at": 0,
    "timestamp": 1689734658
  },
  "created_at": "2023-07-19T02:44:18.393Z",
  "id": 44454,
  "inbox": { "id": 1, "name": "Line" },
  "message_type": "incoming",
  "private": false,
  "sender": {
    "id": 2,
    "name": "Gostop2003",
    "avatar": "",
    "type": "contact",
    "account": { "id": 1, "name": "***" }
  },
  "source_id": "464566736877257012",
  "event": "message_created"
}

[ScarleTAKE]

hi, i have some question like you, did you find the way to get the image file?

[glauberssoutodossantos]

Hi @jackjyq.

I don't know about OnLine. Using the Chatwoot service widget, the attachment apparently arrives. Try creating a widget-type inbox and see if it works.

{
   "account":{
      "id":72106,
      "name":"Teste"
   },
   "additional_attributes":{
      
   },
   "content_attributes":{
      
   },
   "content_type":"text",
   "content":null,
   "conversation":{
      "additional_attributes":{
         "browser":{
            "device_name":"Unknown",
            "browser_name":"Microsoft Edge",
            "platform_name":"Windows",
            "browser_version":"121.0.0.0",
            "platform_version":"10.0"
         },
         "referer":null,
         "initiated_at":{
            "timestamp":"Tue Nov 21 2023 22:38:09 GMT-0300 (Horário Padrão de Brasília)"
         },
         "browser_language":"pt"
      },
      "can_reply":true,
      "channel":"Channel::WebWidget",
      "contact_inbox":{
         "id":87592281,
         "contact_id":66764891,
         "inbox_id":31203,
         "source_id":"d0aca114-c9cf-443d-9296-ef81d8d8c19b",
         "created_at":"2023-11-22T01:38:00.324Z",
         "updated_at":"2023-11-22T01:38:20.279Z",
         "hmac_verified":false,
         "pubsub_token":"MTqXsb8HzCD89QsPponi8pjw"
      },
      "id":69,
      "inbox_id":31203,
      "messages":[
         {
            "id":73874432,
            "content":null,
            "account_id":72106,
            "inbox_id":31203,
            "conversation_id":69,
            "message_type":1,
            "created_at":1727809169,
            "updated_at":"2024-10-01T18:59:29.306Z",
            "private":false,
            "status":"sent",
            "source_id":null,
            "content_type":"text",
            "content_attributes":{
               
            },
            "sender_type":"User",
            "sender_id":65556,
            "external_source_ids":{
               
            },
            "additional_attributes":{
               
            },
            "processed_message_content":null,
            "sentiment":{
               
            },
            "conversation":{
               "assignee_id":65556,
               "unread_count":0,
               "last_activity_at":1727809169,
               "contact_inbox":{
                  "source_id":"d0aca114-c9cf-443d-9296-ef81d8d8c19b"
               }
            },
            "attachments":[
               {
                  "id":5549201,
                  "message_id":73874432,
                  "file_type":"image",
                  "account_id":72106,
                  "extension":null,
                  "data_url":"https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeEVTekE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61212bb2ae3018fc28a689ccdea61eedff4593a1/CAMPO%20LARGO.png",
                  "thumb_url":"https://app.chatwoot.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeEVTekE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61212bb2ae3018fc28a689ccdea61eedff4593a1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwQWZvdyIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--624b3ceb3fdf42c4b07c7818563fe60603b6095b/CAMPO%20LARGO.png",
                  "file_size":298919,
                  "width":null,
                  "height":null
               }
            ],

         }
      ],
      "labels":[
         
      ],
      "meta":{
         "sender":{
            "additional_attributes":{
               "city":"Curitiba",
               "country":"Brazil",
               "description":"",
               "company_name":"",
               "country_code":"BR",
               "created_at_ip":"177.1.32.210",
               "social_profiles":{
                  "github":"",
                  "twitter":"",
                  "facebook":"",
                  "linkedin":"",
                  "instagram":""
               }
            },
            "custom_attributes":{
               
            },
            "email": null,
            "id":66764891,
            "identifier":null,
            "name":"",
            "phone_number":"",
            "type":"contact"
         },
         "assignee":{
            "id":65556,
            "name":"-",
            "available_name":"-",
            "avatar_url":null
            "type":"user",
            "availability_status":null,
            "thumbnail": null
         },
         "team":null,
         "hmac_verified":false
      },
      "status":"open",
      "custom_attributes":{
         
      },
      "snoozed_until":null,
      "unread_count":0,
      "first_reply_created_at":"2023-11-22T01:38:35.088Z",
      "priority":null,
      "waiting_since":0,
      "agent_last_seen_at":1727809168,
      "contact_last_seen_at":1700617571,
      "last_activity_at":1727809169,
      "timestamp":1727809169,
      "created_at":1700617089
   },
   "created_at":"2024-10-01T18:59:29.306Z",
   "id":73874432,
   "inbox":{
      "id":31203,
      "name":"Teste"
   },
   "message_type":"outgoing",
   "private":false,
   "source_id":null,
   "attachments":[
      {
         "id":5549201,
         "message_id":73874432,
         "file_type":"image",
         "account_id":72106,
         "extension":null,
         "data_url":"https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeEVTekE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61212bb2ae3018fc28a689ccdea61eedff4593a1/CAMPO%20LARGO.png",
         "thumb_url":"https://app.chatwoot.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeEVTekE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61212bb2ae3018fc28a689ccdea61eedff4593a1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwQWZvdyIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--624b3ceb3fdf42c4b07c7818563fe60603b6095b/CAMPO%20LARGO.png",
         "file_size":298919,
         "width":null,
         "height":null
      }
   ],
   "event":"message_created"
}

[sojan-official]

@jackjyq seems like we will need to add a fix for line channel, the message creation and attachment attaching happens in 2 steps now. we need to do the save in a single transaction.

ref:

chatwoot/app/services/line/incoming_message_service.rb

Line 34 in a0dddae

@message = @conversation.messages.create!(

[sojan-official]

#10194 will fix this

[ScarleTAKE]

Hi,
I tried this morning, via Line, I got json with attachments attribute, but now the json has no attachments attribute.