StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19137541
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-10-02T13:01:26.137
FavoriteCount
0
LastActivityDate
2018-05-19T17:09:08.973
LastEditDate
2018-05-19T17:09:08.973
LastEditorUserId
1207902
OwnerUserId
1207902
ParentId
19104905
PostTypeId
2
Score
4
ViewCount
0
LastEditorDisplayName
text
Body
To handle drop event on your area (text area or div) you need to do this: <pre><code>var dropzone = document.getElementById('ta'); // paste your dropzone id here dropzone.ondrop = function(e){ console.log('drop'); // for debugging reasons e.preventDefault(); // stop default behaviour readfiles(e.dataTransfer.files); // function to handle file(s) that was added to dropzone }; </code></pre> Next you need to send this files to server and show it in the browser if you want. <pre><code>function readfiles(files) { var formData = new FormData(); // we initialise a new form that will be send to php for (var i = 0; i < files.length; i++) { // if we have more that one file previewImg(files[i]); // function to preview images formData.append('file'+i, files[i]); } formData.append('moreInfo','myValuableValue');// you can append additional string info $.ajax({ url: './path_to_file_handler.php', type: 'POST', data: formData, async: true, success: function (data) { console.log(data); }, cache: false, contentType: false, processData: false }); } function previewImg(file) { var reader = new FileReader(); reader.onload = function (event) { var image = new Image(); image.src = event.target.result; // set image source image.width = 550; // a fake resize document.getElementById('body').appendChild(image); // append image to body }; reader.readAsDataURL(file); } </code></pre> Code for testing path_to_file_handler.php <pre><code><?php print_r($_POST); print_r($_FILES); ?> </code></pre> Hope it will help somebody.
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POjQuery drag and drop image to textarea handle event
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USDima Deplov
UserOwnerUserId
1. USDima Deplov
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POjQuery drag and drop image to textarea handle event
 singulars
 PostTypePostTypeId
 PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTAcceptedByOriginator
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

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.