JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<button id="upload_widget" class="cloudinary-button">Upload files</button>

<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>  

<script type="text/javascript">  
var myWidget = cloudinary.createUploadWidget({
  cloudName: 'shirly', 
  uploadPreset: 'my-preset',
  croppingAspectRatio: 0.7,
  croppingDefaultSelectionRatio: 0.7,
  cropping: true}, (error, result) => { console.log(error, result) })

document.getElementById("upload_widget").addEventListener("click", function(){
    myWidget.open();
  }, false);
</script>