Luke Smith

Funny how this has gotten no response from Zendesk at all. So frustrating.

I'm having an issue with returning a response after creating a ticket. Note, the ticket gets created in Zendesk, so everything works except returning a response back to the browser. Here's my code:

const request = await fetch("https://{obscured}.zendesk.com/api/v2/tickets", {
    method: "POST",
    headers: {
        "Authorization": "Basic "+wp_helper.zendesk_token,
        "Content-Type": "application/json",
    },
    body: JSON.stringify({
        "ticket": {
            "comment": {
                "body": comment,
                "uploads": [
                    file_token
                ]
            },
            "requester": { "locale_id": 1, "name": full_name, "email": email },
            "subject": subject
        }
    })
});
let response = await request.json();
console.log(response);

These are the errors I'm getting in the browser console after the ticket is successfully created:

Tag: Eric Nelson

Eric Nelson You rock! That worked perfectly. The thumbnails in Zendesk tickets now download a valid file that can be opened. We can close this ticket.

Really appreciate it!

That's right yep.. using AJAX to send POST request to Zendesk api. :)

Hey Eric Nelson,

I'm trying to upload a PDF file, but will need ability to upload docx, png etc. as well.

I'm at a loss here. The file continues to not work. Here's my latest ajax code for creating upload/attachment:

{
    url: "https://{obscured}.zendesk.com/api/v2/uploads?filename="+file_name,
    type: "POST",
    headers: {
        'Authorization': 'Basic '+wp_helper.zendesk_token,
        'Content-type': 'application/binary'
    },
    processData: false,
    data: file_base64
}

Note I'm passing the raw base64 content of the file.

Thanks for the reply Serge BERTAINA DUBOIS

Unfortunately that didn't work. :(

I'm using the attachment and ticket api for creating a Zendesk ticket with an attachment. The ticket gets created successfully and even generates a thumbnail for the attached file with the correct file name! But when I download and try to open the file, it cannot be opened and the file is only a few hundred bytes.

Here's the Ajax call for creating the attachment first:

{
    url: "https://{obscured}.zendesk.com/api/v2/uploads?filename="+file_name,
    type: "POST",
    headers: {
        "Authorization": "Basic "+wp_helper.zendesk_token,
        "Content-Type": file_mime,
    },
    data: JSON.stringify({
        "content_type": file_mime,
        "content_url": file_url,
        "file_name": file_name,
        "size": file_size,
    })
}

And here's the nested Ajax call for creating the ticket with the generated file token from the parent ajax call:

{
    url: "https://{obscured}.zendesk.com/api/v2/tickets",
    type: "POST",
    headers: {
        "Authorization": "Basic "+wp_helper.zendesk_token,
        "Content-Type": "application/json",
    },
    contentType: "application/json",
    data: JSON.stringify({
        "ticket": {
            "comment": {
                "body": comment,
                "uploads": [
                    file_token
                ]
            },
            "requester": { "locale_id": 1, "name": full_name, "email": email },
            "subject": subject
        }
    })
}

I've double checked all variables are correctly formatted according to documentation and everything looks good. The weirdest part is the ticket is created with an attachment with the correct file name, but the file somehow does not get created properly on Zendesk.

Any thoughts?