Databases
StackOverflow2013
Postsdbo
POWhy can't this display/get/post data including the uploaded image when the button is submit or clicked?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy can't this display/get/post data including the uploaded image when the button is submit or clicked?
    primarykey
    data
    text
    <p>I am going to create a static PHP form where you allow the users to filled their information including image and all data.The problem is that when the form is submitted,the linked page <code>action="..."</code> didn't display the filled information or data and image.The HTML code looks like this:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="http:////ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function readURL(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form name="rform" method="get" action="researchers.php"&gt; &lt;h4&gt;Researchers Profile&lt;/h4&gt; &lt;fieldset&gt; &lt;legend&gt;Perosnal Details&lt;/legend&gt; &lt;form id="form1" runat="server" method="get" action="researchers.php" enctype="multipart/form-data" id="pro_image&gt; &lt;input type='file' onchange="readURL(this);" /&gt; &lt;br&gt;&lt;img id="blah" src="profile pic.jpg" alt="your image" width="160px" height="120px" name="image"/&gt;&lt;br/&gt; &lt;/form&gt; &lt;table width="600px"&gt; &lt;tr&gt; &lt;td&gt;Name&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="rname" maxlength="40" size="50" placeholder="Your Name"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Education&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;textarea name="edu" rows="3" cols="70" placeholder="Education"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;tr&gt; &lt;td&gt;Address&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;textarea name="address" rows="3" cols="70" placeholder="Address"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Office&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="office" size="50" maxlength="50" placeholder="Office"&gt;&lt;td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Fax&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="fax" size="50" maxlength="50" placeholder="Fax"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Email&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;input type="email" name="remail" maxlength="40" size="50" placeholder="Your Email"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Research Overview&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;textarea name="overview" rows="10" cols="70" placeholder="Research Overview"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Keywords&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;textarea name="keywords" rows="8" cols="70" placeholder="Keywords"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;script type="text/javascript"&gt; function readURL2(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah2').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;fieldset&gt; &lt;legend&gt;Projects&lt;/legend&gt; &lt;form id="form2" runat="server" method="get" action="researchers.php" enctype="multipart/form-data" id="pro_image&gt; &lt;input type='file' onchange="readURL2(this);" /&gt; &lt;br&gt;&lt;img id="blah2" src="information.jpg" alt="your image" width="600px" height="180px" name="image2"/&gt;&lt;br/&gt; &lt;/form&gt; &lt;table width="600px" id="project"&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;&lt;textarea name="pro_1" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;&lt;textarea name="pro_2" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;&lt;textarea name="pro_3" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;script type="text/javascript"&gt; function readURL3(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah3').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;fieldset&gt; &lt;legend&gt;Publications&lt;/legend&gt; &lt;form id="form2" runat="server" method="get" action="researchers.php" enctype="multipart/form-data" id="pro_image"&gt; &lt;input type='file' onchange="readURL3(this);" /&gt; &lt;br&gt;&lt;img id="blah3" src="information.jpg" alt="your image" width="600px" height="180px" name="image3"/&gt;&lt;br/&gt; &lt;/form&gt; &lt;table width="600px" id="pub"&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;&lt;textarea name="pub_1" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;&lt;textarea name="pub_2" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;&lt;textarea name="pub_3" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p> </p> <pre><code>&lt;/form&gt; &lt;input type="submit" name="savebtn" value="Save"/&gt; &lt;input type="reset" name="resetbtn" value="Reset"/&gt; </code></pre> <p> </p> <p>Below as researchers.php code:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h4&gt;Researchers Profile&lt;/h4&gt; &lt;fieldset&gt; &lt;legend&gt;Perosnal Details&lt;/legend&gt; &lt;?php echo $_GET["image"]; ?&gt; &lt;/form&gt; &lt;table width="600px"&gt; &lt;tr&gt; &lt;td&gt;Name&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["rname"]; ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Education&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["edu"]; ?&gt;&lt;/td&gt; &lt;tr&gt; &lt;td&gt;Address&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["address"];?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Office&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["office"];?&gt;&lt;td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Fax&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["fax"];?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Email&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["remail"];?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Research Overview&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["overview"];?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Keywords&lt;/td&gt; &lt;td&gt;:&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["keywords"];?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;fieldset&gt; &lt;legend&gt;Projects&lt;/legend&gt; &lt;?php echo $_GET["image2"]; ?&gt; &lt;table width="600px" id="project"&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["pro_1"]; ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["pro_2"]; ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["pro_3"];?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Publications&lt;/legend&gt; &lt;?php echo $_GET["image3"]; ?&gt; &lt;table width="600px" id="pub"&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["pub_1"]; ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["pub_2"]; ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;&lt;?php echo $_GET["pub_3"]; ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p> </p> <p> </p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMax
    1. USJCChan
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhy can't this display/get/post data including the uploaded image when the button is submit or clicked?
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    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.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload