basic upload widget-javascript

by Yakir Perlin

HTML

<a href="#" id="upload_widget_opener">Upload multiple images</a>

<!--Step 1: Replace the script URL-->
<!--<script src="https://widget.cloudinary.com/global/all.js" type="text/javascript"></script>  -->
<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>  

<script type="text/javascript">  

 //Step 2.1:  Declare your uploadwidget variable
  var myUploadWidget;
  document.getElementById("upload_widget_opener").addEventListener("click", function() {
    myUploadWidget = cloudinary.openUploadWidget({ cloud_name: 'yakir', upload_preset: 'unsigned'}, 
      function(error, result) { 
      
     //Step 2.3:  Listen to 'success' event
     if (result.event === "success") {
      			 //Step 2.4:  Call the .close() method in order to close the widget
             myUploadWidget.close();
     }
   });
  }, false);
  
  //Step 2.2:  Call the .open() method in order to open the widget
  myUploadWidget.open();
  
</script>