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 myMultipleWidget = cloudinary.createUploadWidget({
  cloudName: 'hzxyensd5', uploadPreset: 'aoh4fpwm', folder: 'widgetdocs', 
  form: '.upload_multiple_images_holder', searchByRights: true, 
  showAdvanced_options: true, thumbnails: '.upload_multiple_images_holder', 
  googleApiKey: 'AIzaSyDaQj7FO1IQtp9DSB5YNP5jjG6f_mItEQ4'}, 
  (error, result) => { console.log(error, result) })
document.getElementById("upload_widget_multiple").addEventListener("click", function(){
    myMultipleWidget.open();
  }, false);
  </script>