JSFiddle - React, Tailwind, and code Playground

by Tushar Thakare

HTML

<script src="http://widget.cloudinary.com/global/all.js"></script>
<a href="#" id="upload_widget_opener">Upload multiple images</a>

JavaScript

document.getElementById("upload_widget_opener").addEventListener("click", function() {
    cloudinary.openUploadWidget({ cloud_name: 'demo', upload_preset: 'a5vxnzbp'}, 
      function(error, result) { console.log(error, result) });
  }, false);
  
   $('#upload_widget_opener').cloudinary_upload_widget(
    { cloud_name: 'demo', upload_preset: 'a5vxnzbp', 
      cropping: 'server', folder: 'user_photos' },
    function(error, result) { console.log(error, result) });