[et_pb_section bb_built=”1″][et_pb_row][et_pb_column type=”4_4″][et_pb_code _builder_version=”3.0.91″]<!DOCTYPE html><html> <head> <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”></script> <script src=”//widget.cloudinary.com/global/all.js”></script> <script src=”//res.cloudinary.com/demo/raw/upload/v1425809551/jquery.cloudinary_t0p9km.js”></script> <title>Fomyo Image Upload</title> <style>p { font-size: large; background-color: rgb(237, 237, 225);}span { font-weight: bold;}#preview { list-style: none;} </style> </head> <body> <p id=”message”>Make sure you update the cloud name (<span>cloud_name</span>) and the upload preset’s name (<span>preset_name</span>) for this demo to work.</p><a href=”#” class=”cloudinary-button” id=”upload_widget_multiple”>Upload image</a><br /><br /> Preview:<ul id=”preview”></ul>URL:<ul id=”url_preview”></ul> </body> <script type=”text/javascript”>$( document ).ready(function() { var cloud_name = ‘fomyo’;var preset_name = ‘eqz3388i’;if (cloud_name != ” && preset_name != ”) $(‘#message’).remove();$.cloudinary.config({ cloud_name: cloud_name});cloudinary.setCloudName(cloud_name);$(‘#upload_widget_multiple’).click(function() { cloudinary.openUploadWidget({ upload_preset: preset_name, cropping: ‘server’, sources: [‘local’, ‘camera’, ‘google_photos’, ‘facebook’, ‘instagram’], folder: ‘user_photos' }, function(error, result) { console.log(error, result); ids_and_ratios = {}; $.each(result, function(i, v) { $(‘#preview’).append(‘<li><img src=\”‘ + $.cloudinary.url(v[“public_id”], { format: ‘jpg’, resource_type: v[“resource_type”] }) + ‘\” />’) $(‘#url_preview’).append($.cloudinary.url(v[“public_id”])) }); });}); }); </script></html>[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]
