Cloudinary Upload Widget

by Shirly Manor

HTML

<script src="https://widget.cloudinary.com/v2.0/global/all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

JavaScript

var cloudName = 'demo';
var uploadPreset = '';
var apiKey = '';
var signatureEndpoint = ''

var generateSignature = function( callback, params_to_sign ) {
  console.log('generateSignature',callback, params_to_sign);
  $.ajax({
    url     : signatureEndpoint,
    type    : "GET",
    dataType: "text",
    data    : { data: params_to_sign},
    complete: function() {console.log("complete")},
    success : function(signature, textStatus, xhr) { callback(signature); },
    error   : function(xhr, status, error) { console.log(xhr, status, error); }
  });
}

var init = function() {
  var c = $('#container');
  var widget = cloudinary.openUploadWidget(
    {
      cloudName       : cloudName,
      uploadPreset    : uploadPreset,
      apiKey          : apiKey,
      uploadSignature : generateSignature,
    },
    (error,result) => {
    	if( result.event === 'success' )
     		console.log('result',result);
        $('<img/>', {
        	src	: result.info.secure_url,
				}).appendTo($('body'));
    }
  );
}

$(init);