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: '<CLOUD-NAME>', 
  uploadPreset: '<UPLOAD PRESET>',
  cropping: false,
  multiple: false,
  defaultSource: 'local',
  language: 'en',
  sources: [
    'local',
    'url',
    'instagram'
  ],
  }, (error, result) => { 
  console.log(result.event)
    if (!error && result && result.event == "close") { 
      console.log('The user close the upload widget ', result.info); 
    }
  }
)

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