Member Avatar for Liang_1

Dear All,
I am facing a weird problem, similar codings give different result. Why is this happening? I am saving both files as .php file. Please guide me. I really having headache with this form.
Code 1: Working Fine (Non-bootstrap)

<html> <head>
TestPage
  <link rel="stylesheet" href="http://gsmtecharena.com/Testing/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://http://gsmtecharena.com/Testing/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body> <div> <?php include("img-upload.php"); 
?> <form method="post" action="img-upload.php" name="registerform" id="registerform"> <fieldset> <label for="username">Username:</label><input type="text" name="username" id="user_id" /><br /> <label for="password">Password:</label><input type="password" name="password" id="ap_id" /><br /> <label for="email">Email Address:</label><input type="text" name="email" id="email" /><br /> <input type="submit" name="register" id="register" value="Register"  class="btn btn-info"  /> </fieldset> </form> <form name="Image" enctype="multipart/form-data" method="POST"> <table cellspacing=2 cellpadding=2 border=0> <tr> <td>Image 1: </td> <td><input type=file name=file accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox"  required/> </td> </tr> <tr> <td>Image 2: </td> <td><input type=file name=file1 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox"  required/> </td> </tr> <tr> <td>Image 3: </td> <td><input type=file name=file2 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox"  required/> </td> </tr> <tr><td> </td><td><input type="submit" name="submit" value="Upload"  class="btn btn-info"  /></td></tr></table> </form><br> </div> </body> </html>

Code 2: Bootstrap (Not working)

<html> <head> <title>Bootstrap Example</title> <link rel="stylesheet" href="http://gsmtecharena.com/Testing/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://http://gsmtecharena.com/Testing/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body> <div> <?php include("img-upload.php");
?> <form method="post" action="img-upload.php" name="registerform" id="registerform"> <fieldset> <label for="username">Username:</label><input type="text" name="username" id="user_id" /><br /> <label for="password">Password:</label><input type="password" name="password" id="ap_id" /><br /> <label for="email">Email Address:</label><input type="text" name="email" id="email" /><br /> <input type="submit" name="register" id="register" value="Register"  class="btn btn-info"  /> </fieldset> </form> <h2>Upload Page</h2> <form role="form" name="Image" enctype="multipart/form-data" method="POST"> <label for="Image1">Image 1</label> <input type="file" name=file accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox" required/> <label for="Image2">Image 2</label> <input type="file" name=file1 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox" required/> <label for="Image3">Image 3</label> <input type="file" name=file2 accept="image/gif, image/jpeg, image/x-png" size="26" class="textbox" required/> <input type="submit" name="submit" class="btn btn-info" value="Upload" /> </form> </div> </body> </html>

Thanks for any help.

  • 4 Contributors
  • 4 Replies
  • 818 Views
  • 2 Months Discussion Span
  • Latest Post Latest Post by Satish_7
Member Avatar for Traevel

Well, both have bootstrap. The first one has the "image" <form> in a <table>, the second one doesn't. The first one just has TestPage, because it's not in a <title></title>. The second one has a large "Upload page" text but that's it.

2015-09-29--1443545345_581x379_scrot.png

I don't see a "not working".

If you do mean the difference between a table alignment and a bootstrap alignment, then perhaps you can use this tutorial to apply a bootstrap layout to your form without using tables. Specifically the section entitled horizontal form layout, which resembles your original table version the most.

Obviously I had to remove the <?php include("img-upload.php");?> since you didn't post that. Perhaps the "non working" bit is in there. If it is, elaborate on what's not working.

Member Avatar for Ventech_IT

In the bootstrap and normal version when you call the third script in the header you have

<script src="http://http://....."

try using only one "http" myabe?

Edited by Ventech_IT
Member Avatar for Liang_1

Dear Traevel,
Thanks I have found the solution.

Dear Ventch_IT,
You are right. I found the solution to my problem too.

Thanks for all the help everyone.

Member Avatar for Satish_7

hello my boostrap php mysql uploader audio and test uploder not work in mobile device why ...
uploader work in pc only problem for mobile user please help me sir

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.