|
15 | 15 | <script src="lib/jquery.iframe-transport.js"></script> |
16 | 16 | <script src="lib/jquery.fileupload.js"></script> |
17 | 17 | <script src="lib/jquery.cloudinary.js"></script> |
| 18 | + <script> |
| 19 | + $.cloudinary.config("cloud_name", "<?php echo Cloudinary::config_get("cloud_name"); ?>"); |
| 20 | + </script> |
18 | 21 | </head> |
19 | 22 | <body> |
20 | 23 | <div id="logo"> |
|
57 | 60 | <?php |
58 | 61 | echo cl_image_upload_tag('test', array("tags" => "direct_photo_album")); |
59 | 62 | ?> |
| 63 | + <div class="uploaded-info" style="display: none;"> |
| 64 | + <div class="data"></div> |
| 65 | + <div class="image"></div> |
| 66 | + </div> |
60 | 67 | </div> |
61 | 68 | <script> |
| 69 | + function prettydump(obj) { |
| 70 | + ret = "" |
| 71 | + $.each(obj, function(key, value) { |
| 72 | + ret += "<tr><td>" + key + "</td><td>" + value + "</td></tr>"; |
| 73 | + }); |
| 74 | + return ret; |
| 75 | + } |
62 | 76 | $('.cloudinary-fileupload') |
63 | 77 | .fileupload({ |
64 | 78 | dropZone: '#direct_upload', |
|
72 | 86 | .on('cloudinarydone', function (e, data) { |
73 | 87 | $('.status_value').text('Idle'); |
74 | 88 | $.post('upload_complete.php', data.result); |
75 | | - $('<p/>').text(data.result.public_id).appendTo('#direct_upload'); |
| 89 | + $('.uploaded-info .data').html(prettydump(data.result)); |
| 90 | + $('.uploaded-info .image').empty().append($.cloudinary.image(data.result.public_id, { |
| 91 | + format: "png", width: 400, height: 300, |
| 92 | + })); |
| 93 | + $('.uploaded-info').show(); |
76 | 94 | }); |
77 | 95 | </script> |
78 | 96 | </body> |
|
0 commit comments