Filestack Demo - RequireJs

Load filestack-js with requirejs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
<html>
  <head>
      
  </head>
  <body>
    <div id="content">
    
    </div>
  </body>
</html>

JavaScript

const apikey = 'YOUR_APIKEY';

window.addEventListener('DOMContentLoaded', function () {
  requirejs.config({
    baseUrl: "js",
    paths: {
      "filestack": "//static.filestackapi.com/filestack-js/3.x.x/filestack"
    },
  });

  requirejs(['filestack'], function (filestack) {
    const client = filestack.init(apikey);

    const img = document.createElement('img');
    img.src = client.transform('7m1aL2WEQg2Dkh1Cxgpi', {
      blur: {
        amount: 10
      }
    });

    document.getElementById('content').appendChild(img);
  });
});