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 spacePhotoPresets = cloudinary.createUploadWidget({
  cloudName: 'blackthorn-io', 
  uploadPreset: 'testforuploadwidget',
  clientAllowedFormats: ["png","jpg"],
  show_powered_by: false, 
  public_id:"old",
  multiple: 'true', 
  sources:['local'], 
  theme: 'minimal', 
  max_file_size:8000000, 
  max_image_width:4000, 
  max_image_height:4000, 
  max_files: 40
  }, (error, result) => { console.log(error, result) });
  spacePhotoPresets.update({public_id:"changed"});


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