nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

trying to add attachment in issue via jira rest api

Ankit kharola_saerg1

i am trying to build an app where i am trying to transition the status of an issue and when user tries to change status if an issue i am displaying a popup which displays the fields like we have in transition screen and i am trying to add attachment to the issue but i am unable to add attachments

Accepted answers

Tuncay Senturk _Snapbytes_

Hi @Ankit kharola

Could you please provide a bit more detail about how you're trying to add the attachment? For example, are you using the REST API, Forge, Connect, or some other method? Also, sharing any relevant code snippets or error messages would help in understanding the issue better.

All comments

Tuncay Senturk _Snapbytes_

Hi @Ankit kharola

Ankit kharola_saerg1

Hello sir @Tuncay Senturk _Snapbytes_ i am working on forge

{field.schema.items === "attachment" && (

<input

type="file"

className="custom-file-input"

multiple // Allow multiple files

onChange={(e) => {

const newFiles = Array.from(e.target.files); // Convert FileList to an array

setSelectedFiles((prevFiles) => [

...prevFiles,

...newFiles,

]); // Append new files to existing files

setAreFilesSelected(true);

setFieldValues((prev) => ({

...prev,

[fieldId]: [...(prev[fieldId] || []), ...newFiles], // Append new files to existing files in fieldValues

}));

}}

/> i am using this to let user upload a file

if (fields.attachment) {

// Serialize File objects

const serializedFiles = await Promise.all(

fields.attachment.map(async (file) => {

const arrayBuffer = await file.arrayBuffer(); // Read file content as ArrayBuffer

const base64 = arrayBufferToBase64(arrayBuffer); // Convert to base64

return {

name: file.name,

type: file.type,

content: base64, // Send file content as base64

};

})

);

console.log("Serialized files:", serializedFiles); // Debugging

const temporaryAttachmentIds = await invoke("uploadFilesToJira", {

issueId: issue.id,

attachment: serializedFiles, // Send serialized files

});

console.log(temporaryAttachmentIds, "check response")

fields.attachment = temporaryAttachmentIds; // Replace files with temporary attachment IDs

}

console.log("Fields being sent to backend:", fields); in the backend i am using this function

resolver.define("uploadFilesToJira", async (req) => {

const { issueId, attachment } = req.payload;

console.log("Received files:", attachment); // Debugging

try {

// Create a new FormData instance

const form = new FormData();

// Append each file to the FormData object

attachment.forEach((file) => {

// Convert base64 content to a Buffer

const fileBuffer = Buffer.from(file.content, "base64");

form.append("file", fileBuffer, {

filename: file.name, // Set the file name

knownLength: fileBuffer.length, // Set the file size

});

// Make a POST request to upload files to Jira

const response = await api

.asApp() // Use asApp() for app-level authentication

.requestJira(route`/rest/api/3/issue/${issueId}/attachments`, {

method: "POST",

body: form,

headers: {

'Accept': 'application/json', // Include FormData headers

"X-Atlassian-Token": "no-check", // Required for file uploads

});

// if (!response.ok) {

// const errorResponse = await response.json();

// throw new Error(`Failed to upload files: ${JSON.stringify(errorResponse)}`);

// }

const uploadedFiles = await response.json();

return uploadedFiles.map((file) => file.temporaryAttachmentId); // Return temporary attachment IDs

} catch (error) {

console.error("Error uploading files:", error);

throw new Error(`Failed to upload files: ${error.message}`);

}

});

Tuncay Senturk _Snapbytes_

Do you see any error logs in the console or the Forge tunnel output?

What’s the exact behaviour you're observing — is uploadFilesToJira being called successfully?

Also, are you seeing a response from Jira’s /attachments API, or is it failing silently?

You have to provide more information

By the way Atlassian developer community might be the better place to ask this sort of questions as you will find more answers there

Ankit kharola_saerg1

hi @Tuncay Senturk _Snapbytes_ i am getting this error Error uploading files: FetchError: invalid json response body at https://jira/rest/api/3/issue/10361/attachments reason: Unexpected end of JSON input this is my resolverfunction

resolver.define("uploadFilesToJira", async (req) => {

const { issueId, attachment } = req.payload;

console.log("Received files:", attachment); // Debugging

try {

// Create a new FormData instance

const form = new FormData();

// Append each file to the FormData object

attachment.forEach((file) => {

// Convert base64 content to a Buffer

const fileBuffer = Buffer.from(file.content, "base64");

form.append("file", fileBuffer, {

filename: file.name, // Set the file name

knownLength: fileBuffer.length, // Set the file size

});

console.log(form, "form elements")

// Make a POST request to upload files to Jira

const response = await api

.asApp() // Use asApp() for app-level authentication

.requestJira(route`/rest/api/3/issue/${issueId}/attachments`, {

method: "POST",

body: form,

headers: {

'Accept': 'application/json', // Include FormData headers

"X-Atlassian-Token": "no-check", // Required for file uploads

});

if (!response.ok) {

const errorResponse = await response.json();

throw new Error(`Failed to upload files: ${JSON.stringify(errorResponse)}`);

}

const uploadedFiles = await response.json();

return uploadedFiles.map((file) => file.temporaryAttachmentId); // Return temporary attachment IDs

} catch (error) {

console.error("Error uploading files:", error);

throw new Error(`Failed to upload files: ${error.message}`);

}

});

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

cloud

jira-cloud