TravelEdge Media Library
by Shirly Manor
HTML
<script src="https://media-library.cloudinary.com/global/all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>
<script>
let bool = false;
//CLOUDINARY_URL=cloudinary://178673356364862:zEPVX-0UAU-3J9lfLJmvveQyxJY@shirly-dam
function myFunction() {
var cloud_name = 'shirly-dam';
var api_key = '178673356364862';
var api_secret = 'zEPVX-0UAU-3J9lfLJmvveQyxJY';
var timestamp = parseInt(Date.now()/1000);
var username = '[email protected]';
var str_to_sign= 'cloud_name='+cloud_name+'×tamp='+timestamp+'&username='+username+api_secret;
var signature = CryptoJS.SHA256(str_to_sign).toString();
var asset = { tags: "dog", resource_type: "image" } ;
var config = {
cloud_name: 'shirly-dam',
api_key: '178673356364862',
username: username,
timestamp: timestamp,
signature: signature,
}
window.ml = cloudinary.createMediaLibrary(config,
{
insertHandler: function (data) {
}
});
window.ml.show(asset);
}
</script>
<button onclick="myFunction()">Click Me</button>