Uploaded images by API gets corrupted

Posted Mar 04, 2024

I'm trying to upload an image from an input[type=file], but when I try to open or attach it to a ticket, the image is broken.

Details :
I am using Nuxt3
function that send to backend

the sent data:

the route that receive the data:

the function to upload the image

response from /api/v2/uploads.json :

{
"attachment": {
"url": "https://territoriosaber.zendesk.com/api/v2/attachments/23461691516059.json",
"id": 23461691516059,
"file_name": "test_upload.png",
"content_url": "https://territoriosaber.zendesk.com/attachments/token/QjqqarQt44JkCnTNrcvJx8Vjt/?name=test_upload.png",
"mapped_content_url": "https://territoriosaber.zendesk.com/attachments/token/QjqqarQt44JkCnTNrcvJx8Vjt/?name=test_upload.png",
"content_type": "image/png",
"size": 102032,
"width": null,
"height": null,
"inline": false,
"deleted": false,
"malware_access_override": false,
"malware_scan_result": "malware_not_found",
"thumbnails": [

]
}
}