This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(259.20000000000005, 96%, 35%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ESM%3C/text%3E%3C/svg%3E)
Hello,
I've been working with Azure Assistant OpenAI and successfully retrieved the fileId for image files using the listMessages method. However, I'm now trying to figure out how to download the image file using this fileId in JavaScript.
I followed the example provided in the documentation and the SDK reference. While I can obtain the fileId for images, I'm encountering an issue when trying to download the actual image file. It seems that I can’t download the file directly using the fileId; instead, I need a file link.
Could someone guide me on how to obtain this file link or the correct method to download an image file using the fileId in JavaScript? Any guidance or code examples would be greatly appreciated.
Thank you in advance!
const runMessages = await assistantsClient.listMessages(assistantThread.id);
for (const runMessageDatum of runMessages.data) {
for (const item of runMessageDatum.content) {
if (item.type === "text") {
console.log(item.text.value);
} else if (item.type === "image_file") {
console.log(item.imageFile.fileId);
}
}
}
Thanks for posting your question in the Microsoft Q&A forum.
I'd use the getImageFile() method of MessageImageFileDetails
** Please don't forget to close up the thread here by upvoting and accept it as an answer if it is helpful **
Hi @Vahid Ghafarpour ,
Thank you for your response and the provided links. I reviewed the documentation and the getImageFile() method mentioned, but I did not find this method in the AssistantClient library for JavaScript. How to use.
@Su Myat Hlaing Is this what you are looking for?
sorry, can you provide how to write this place to download image
[else if (item.type === "image_file") { //how to download image file}]
@Su Myat Hlaing I have come across this notebook which downloads text and images from assistant messages. Do you think this will work in your case?
for message in message_list:
for item in message.content:
# Determine the content type
if isinstance(item, TextContentBlock):
print(f"{message.role}:\n{item.text.value}\n")
elif isinstance(item, ImageFileContentBlock):
# Retrieve image from file id
response_content = client.files.content(item.image_file.file_id)
data_in_bytes = response_content.read()
# Convert bytes to image
readable_buffer = io.BytesIO(data_in_bytes)
image = Image.open(readable_buffer)
# Resize image to fit in terminal
width, height = image.size
image = image.resize((width // 2, height // 2), Image.LANCZOS)
# Display image
image.show()
Sorry, I did not see content method in javascript openai assistant sdk.
like below Python
Retrieve image from file id response_content = client.files.content(item.image_file.file_id)
Therefore, which method need to use to download image by file id in javascript sdk.
assistantsClient.?
Apologies @Su Myat Hlaing I overlooked your request to use JS SDK. I could not find a sample for JS SDK but i think you might want to try getAssistantFile
I can not solve with getAssistantFile. There is no image file link in getAssistantFile.
@romungi-MSFT
I can not solve with getAssistantFile also. There is no image link in getAssistantFile.
@Su Myat Hlaing I have raised a case with SDK team on the missing URL link for file and they have responded that the following code snippet should provide the URL for download. Please see this comment on the SDK repo issue.
Please feel free to add your comments on SDK repo issue and raise new ones on the repo for future requests/clarifications.
As per the SDK team this should work:
for await (const runMessageDatum of runMessages) {
for (const item of runMessageDatum.content) {
switch (item.type) {
case "text": {
console.log(`${runMessageDatum.role}: ${item.text.value}`);
break;
}
case "image_file": {
console.log(`Received image: ${item.image_file.file_id}`);
break;
}
case "image_url": {
console.log(`Received image: ${item.image_url.url}`);
break;
}
default: {
console.log(`Unhandled item type: ${item.type}`);
}
}
}
}
The updated samples are also here for reference. Thanks for your patience!!
I hope the above helped, Please feel free to add your comments on SDK repo issue and raise new ones on the repo for future requests/clarifications.
@romungi-MSFT thank you for your support. I can not generate image file with image_url. assistant does not provide image url . so, I added comment on sdk repo issue.
I successfully downloaded the file. https://github.com/Azure/azure-sdk-for-js/issues/30968
@Su Myat Hlaing Thanks for updating your comment on SDK repo. I now see that you are able to download the file after using the steps mentioned by SDK team. Please feel free to post your solution as an answer on this thread for any user facing an issue. Thanks!!
I successfully downloaded the file using the solution provided in this GitHub issue.
I successfully downloaded the file. https://github.com/Azure/azure-sdk-for-js/issues/30968