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.openUploadWidget({
preBatch: (cb, data) => {
    if (data.files[0].name != "64.png") {
    	console.log("no")
      cb(newPI="changedagain");
      mypreset.update({public_id:"changedagain"});
      console.log(data.files[0].name)
    }
    else { 
    	console.log(data.files[0].name)
    	cb({public_id:newPI}) 
      console.log(newPI);
    }},

  cloudName: "shirly", uploadPreset: "my-preset",public_id:newPI
  },(error, result) => { console.log(error,result)});