How to display an image, type "items:autodesk.bim360:File", in HTML, which I uploaded to ACC Files tool using the Data Management API
I uploaded an image to ACC Files using Data Management API following this documentation and added a reference between the image and an Issue following this.
All I want is a link where I can put in <img src="HERE"> to display that image.
With the issue container id I found the container references and then the versions of the file (png image), but in versions response there's no link which I can put in src.
Is there a way to get the blob of the image 64 based? Or there's other way to display it?
While this might seem like a trivial feature to ask for, please note that Autodesk Platform Services (that the Autodesk Construction Cloud product is built on top of) is designed to display complex 3D views and 2D drawings in a specialized Viewer that's provided as a JavaScript library. Displaying a simple raster image in an <img> element is also possible but will require more work.
For example, you could point the image element to a custom endpoint on your server which would download the image from ACC (as explained in this tutorial) and send it back to the client.
Or, you could create a temporary signed URL (using this endpoint) pointing to the actual S3 object that stores your image, and use that URL as the src property of the <img> tag.
- Error when fetching and downloading images from CDN (S3) on Chrome and Safari
- How does the React hook useCallback recognize the function?
- JavaScript How to Dynamically Move Div by Clicking and Dragging
- mocking window.location.href in Javascript
- Fill With White, Out Of Bounds Part Of Image - Crop Image With CSS Transformations on it
- How to Detect Browser Back Button event - Cross Browser
- Check type of a function parameter
- how to show this.variable value in observer callback function in chrome debug mode
- I am getting these error everytime I try to run the react and node based code in my system , tried "reinstalling npm install" and everything
- Why `[1, 2, 3]` is not showing as an `Array(3)` in Console?
- Is this possible? Scroll slides to key points, like vertical paging
- Angular Previous page button getting disabled when the next page button gets clicked
- ReactJS vs NodeJS - Why do I need to create both?
- Console.log doesn't work, devtools console shows no errors
- How to calculate the execution time of an async function in JavaScript?
- Not able to change the title with metadata when using 'use client' in Next.js
- How do I pass a variable into regex with Node js?
- Why doesn't TypeScript enforce async/await on promise?
- Catch block not working in node fetch
- Creating a writable svelte store from loaded page data in sveltekit
- Best Way To Crossfade Text With a Fixed Height in an Absolute Div?
- Prevent text selection after double click
- Check for browser optional chaining support in Angular project
- Is there a way to create dynamic ranges given an array of values, and counting how many belong to each range
- Can't use type-fest GreaterThan as parameter type
- Is there a way to get the JSX/TSX of a React component from the code itself?
- Check if optional chaining is supported
- What is the best way to remove a table row with jQuery?
- How can I generate a list of random shades of a particular color? (e.g. random shade of orange)
- Proper way to catch exception from JSON.parse