StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
16503728
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-05-12T02:48:31.957
FavoriteCount
0
LastActivityDate
2014-04-21T20:37:49.817
LastEditDate
2014-04-21T20:37:49.817
LastEditorUserId
2327089
OwnerUserId
2327089
ParentId
12019371
PostTypeId
2
Score
4
ViewCount
0
LastEditorDisplayName
text
Body
<p>Download the Jquery SDK <strong>and</strong> the server sdk.</p> <p>Here is the code with a java server side :</p> <h2>Generating the signature on server side : </h2> <p>Here is the JSP code in java :</p> <pre><code><%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ page import="java.util.Map" %> <%@ page import="java.util.HashMap" %> <%@ page import="java.sql.Timestamp" %> <%@ page import="com.cloudinary.Cloudinary" %> <% String timestamp=(new Long(System.currentTimeMillis() / 1000L)).toString(); Cloudinary cloudinary = new Cloudinary("cloudinary://CLOUDINARY_URL"); Map<String, Object> params = new HashMap<String, Object>(); Map options = Cloudinary.emptyMap(); boolean returnError = Cloudinary.asBoolean(options.get("return_error"), false); String apiKey = Cloudinary.asString(options.get("api_key"), cloudinary.getStringConfig("api_key")); if (apiKey == null) throw new IllegalArgumentException("Must supply api_key"); String apiSecret = Cloudinary.asString(options.get("api_secret"), cloudinary.getStringConfig("api_secret")); if (apiSecret == null) throw new IllegalArgumentException("Must supply api_secret"); params.put("callback", "http://www.mcbjam.com/Scripts/vendor/cloudinary/html/cloudinary_cors.html"); params.put("timestamp", timestamp); String expected_signature = cloudinary.apiSignRequest(params, apiSecret);%> </code></pre> <p>You can have the CLOUDINARY_URL on your Cloudinary Dashboard. I use the cloudinary.apiSignRequest method wich is include in server cloudinary sdk. I sign the callback and the timestamp. </p> <h2>The HTML and Javascript </h2> <pre><code><!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <script src="../Scripts/vendor/jquery-1.9.1.min.js"></script> <script src="../Scripts/vendor/cloudinary/jquery.ui.widget.js"></script> <script src="../Scripts/vendor/cloudinary/jquery.iframe-transport.js"></script> <script src="../Scripts/vendor/cloudinary/jquery.fileupload.js"></script> <script src="../Scripts/vendor/cloudinary/jquery.cloudinary.js"></script> </head> <body> <script type="text/javascript"> $.cloudinary.config({"api_key":"YOUR_API_KEY","cloud_name":"YOUR_CLOUD_NAME"}); </script> <input name="file" type="file" id="uploadinput" class="cloudinary-fileupload" data-cloudinary-field="image_upload" data-form-data="" ></input> <script> var data = { "timestamp": <%= timestamp %>, "callback": "http://YOUR_DOMAIN/cloudinary_cors.html", "signature": "<%= expected_signature %>", "api_key": "YOUR API KEY" }; $('#uploadinput').attr('data-form-data', JSON.stringify(data)); </script> </body> </html> </code></pre> <p>Put the cloudinary_cors.html on your host and modify the path on the html. Set your APIKEY and your cloud name.</p> <p><%= timestamp %> and <%= expected_signature %> are the element calculate on java. ( You can do the same on php).</p> <p>I use this code on my website here <a href="http://paint.mcbjam.com" rel="nofollow">http://paint.mcbjam.com</a> You have more details here : <a href="http://mcbjam.blogspot.fr/2013/05/integrer-cloudinary-pour-realiser-des.html" rel="nofollow">http://mcbjam.blogspot.fr/2013/05/integrer-cloudinary-pour-realiser-des.html</a> in French.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to use Cloudinary jQuery plugin to upload images directly from a page?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USmcbjam
UserOwnerUserId
1. USmcbjam
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COThankyou for your answer and the link to the backend java. Your code is clean and simple to understand.
  singulars
  PostPostId
  PO
  UserUserId
  USAnkur

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.