StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
9344930
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-02-18T22:53:02.450
FavoriteCount
0
LastActivityDate
2012-02-18T22:53:02.450
LastEditDate
LastEditorUserId
0
OwnerUserId
882217
ParentId
5193261
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>The best thing you can do is make the file upload using another form (below your main form) witch sends the uploaded file path to the main form -when it success-.</p> <p>Look the code in <a href="http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.html#comment-form" rel="nofollow">here</a> and I make this changes to work like yours:</p> <p>In the head</p> <pre><code><script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#photoimg').live('change', function() { $("#preview").html(''); $("#preview").html('<br/>Colocando archivo...<br /><img src="img/loader.gif" alt="Uploading...."/>'); $('#imageform').bind('submit', function(e) { e.preventDefault(); // <-- important $(this).ajaxSubmit({ target: '#preview', success: function() { $('#file').val($('#newimg').attr("src")); } }); }).submit(); }); }); }); </script> </code></pre> <p>Image form:</p> <pre><code><form id="imageform" method="post" enctype="multipart/form-data" action='class/db_manager.php'> <label for="alias">*Imagen</label> <input type="file" name="photoimg" id="photoimg" /><input type="hidden" name="MM_insert_img" value="imageform" /> </form><p>Image</p><div id='preview'></div> </code></pre> <p>Main form:</p> <pre><code><form action="<?php echo $editFormAction; ?>" method="POST" enctype="multipart/form-data" name="f_insert_cliente" id="f_insert_cliente"> <label for="file">Imagen</label> //when file uploads, this is where we will place the relative path <input name="file" type="text" id="file" value="" /> </form> </code></pre> <p>PHP file</p> <pre><code>if ((isset($_POST["MM_insert_img"])) && ($_POST["MM_insert_img"] == "imageform")) { $path = "../img/uploads/"; $valid_formats = array("jpg", "png", "gif", "bmp"); if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST") { $name = $_FILES['photoimg']['name']; $size = $_FILES['photoimg']['size']; if(strlen($name)) { list($txt, $ext) = explode(".", $name); if(in_array($ext,$valid_formats)) { if($size<(1024*1024)) { $actual_image_name = time().substr(str_replace(" ", "_", $txt), 5).".".$ext; $tmp = $_FILES['photoimg']['tmp_name']; if(move_uploaded_file($tmp, $path.$actual_image_name)) { echo "<br />Vista previa:<br /><img src='img/uploads/".$actual_image_name."' class='preview' id='newimg'>"; } else echo "failed"; } else echo "Image file size max 1 MB"; } else echo "Invalid file format.."; } else echo "Please select image..!"; exit; } } ?> </code></pre> <p>So how does it works: </p> <ol> <li>user uploads the file and the event is handdled by the jquery function (remember to add in the head the scripts/js) </li> <li>php return the uploaded image tag code (or error) </li> <li>jQuery handdle the event and look for the image SRC attribute and set it as value of the another form text input</li> </ol> <p>Hope it helps, be free to ask :)</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POJquery ajax file upload problem
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USkcho0
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. 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.