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>

JavaScript

var newPI = "test";

var mypreset = cloudinary.createUploadWidget({

prepareUploadParams: function(cb, params){

cb({public_id: "changedName"})
},

  cloudName: "shirly", uploadPreset:"my-preset",public_id:newPI
  },(error, result) => { console.log(error,result)});
  
 
document.getElementById("upload_widget").addEventListener("click", function(){
    mypreset.open();
  }, false);