I have save the image in the temp folder. I want to read the image, and want to load the image into the panel. Let me know how we can achieve this ?
Surely just a normal
<img> element with the
href set to the path of the file should do the trick?
I want to read the image via uxp file storage. That is the issue.
How do i get the path of the img file?
const tempFolder = await fs.getTemporaryFolder(); const file = await tempFolder.getEntry(<filename>) const path = file.nativePath;
You’ll need to wrap that in an async function of course.
Do you get
const path = file.nativePath?
I don’t think UXP supports any kind of streams. And you can’t access just any files on machine
I have done it once in a plugin for XD.
It converts the graphic to base64 and sets it to the src attribute of the image tag. Official plugin samples were used as a reference.
AdobeDocs/uxp-xd-plugin-sample/ui-panel-show-renditions | GitHub