Filestack Demo - Retrieve

Retrieve image metadata using client

HTML

<html>
  <head></head>
  <body>
    <pre id="response" style="padding:10px;border:1px solid red;background:#ccc"></pre>
    <div id="content">

    </div>
    <script src="//static.filestackapi.com/filestack-js/3.x.x/filestack.min.js"></script>
  </body>
</html>

JavaScript

window.addEventListener('DOMContentLoaded', function () {
  const apikey = 'YOUR_APIKEY';
  const client = filestack.init(apikey);

  client.retrieve('9v04TW7ZQLi9V2V3InV0', {
    metadata: true,
    extension: 'test.jpg',
    head: false,
    cache: false,
    dl: false,
  }).then((response) => {
    document.getElementById('response').innerHTML = JSON.stringify(response, undefined, 2);
  }).catch((error) => {
    console.error(error);
  });

  client.retrieve('9v04TW7ZQLi9V2V3InV0').then((blob) => {
    const urlCreator = window.URL || window.webkitURL;
    const img = document.createElement('img');
    img.width = 720;
    img.height = 480;
    img.src = urlCreator.createObjectURL(blob);

    document.getElementById('content').appendChild(img)
  }).catch((error) => {
    console.error(error);
  });
});