PHP: File upload. Unit 27 Web Server Scripting L3 Extended Diploma

Size: px

Start display at page:

Download "PHP: File upload. Unit 27 Web Server Scripting L3 Extended Diploma"

Brenda Merilyn Craig
6 years ago
Views:

1 PHP: File upload Unit 27 Web Server Scripting L3 Extended Diploma 2016

2 Criteria M2 M2 Edit the contents of a text file on a web server using web server scripting

3 Tasks We will go through a worked example You will write your own scripts for the criteria which will be assessed by submission of web browser screen shots which includes the url address and the commented code.

4 Example Create a form for adding contact details Submit the form data to a script The script echoes the data and writes it to a file A second script allows the file details to be edited

5 create_contact.html <form action="save_contact_details.php" method="post"> (the data will be posted to the script save_contact_details) To make the form tidy, we will use a table <table> </table> (the tags for a table) (the tags for a row) <td> </td> (the tags for a data cell)

6 One row of the form <form action="save_contact_details.php" method="post"> <table> <td align="right">last name: </td> <td><input size="20" type="text maxlength="15" name="lastname"></td> Number of </table> input </form> characters

7 The complete form - 1 <html> <body> <h1>my Contact Details</h1> <p>please enter your contact details:</p> <form action="save_contact_details.php" method="post"> <table> <td align="right">last name: </td> <td><input size="20" type="text" maxlength="15" name="lastname"></td> <td align="right">first name: </td> <td><input size="20" type="text" maxlength="15" name="firstname"></td> <td align="right">address line 1: </td> <td><input size="30" type="text" maxlength="50" name="address01"></td> <td align="right">address line 2: </td> <td><input size="30" type="text" maxlength="50" name="address02"></td> <td align="right">town / city: </td> <td><input size="20" type="text" maxlength="20" name="town"></td> <td align="right">post code: </td> <td><input size="10" type="text" maxlength="10" name="postcode"></td> <td align="right">telephone: </td> <td><input size="15" type="text" size="20" maxlength="15" name="telephone"></td>

8 The complete form - 2 <td align="right"> </td> <td><input size="50" type="text" maxlength="50" name=" "></td> <td> </td> <td colspan="2" align="left"><input type="submit" value="submit"></td> </table> </form> </body> </html>

9 save_contact_details.php This script will echo the data back in a table Note the embedded PHP in this single row example <table> <td align="right">last name: </td> <td><?php echo $_POST["lastname"];?></td>

10 The complete echo html> <body> <h1>my Contact Details</h1> <p>the contact details you submitted are shown below:</p> <table> <td align="right">last name: </td> <td><?php echo $_POST["lastname"];?></td> <td align="right">first name: </td> <td><?php echo $_POST["firstname"];?></td> <td align="right">address 01: </td> <td><?php echo $_POST["address01"];?></td> <td align="right">address 02: </td> <td><?php echo $_POST["address02"];?></td> <td align="right">town / city: </td> <td><?php echo $_POST["town"];?></td> <td align="right">post code: </td> <td><?php echo $_POST["postcode"];?></td> <td align="right">telephone: </td> <td><?php echo $_POST["telephone"];?></td> <td align="right"> </td> <td><?php echo $_POST[" "];?></td> </table>

11 Writing the file: mydata.txt <?php $myfile=fopen("mydata.txt","w") or exit("can t open file!"); // Write each line of text into the text file file fwrite($myfile, $_POST["lastname"]."\r\n"); fwrite($myfile, $_POST["firstname"]."\r\n"); fwrite($myfile, $_POST["address01"]."\r\n"); fwrite($myfile, $_POST["address02"]."\r\n"); fwrite($myfile, $_POST["town"]."\r\n"); fwrite($myfile, $_POST["postcode"]."\r\n"); \r = carriage return \n = line feed fwrite($myfile, $_POST["telephone"]."\r\n"); fwrite($myfile, $_POST[" "]."\r\n"); fclose($myfile);?> </body> </html>

12 Testing Browse create_contact.html Enter data Check the echoed data View mydata.txt and verify the data has been written to the file

13 Editing the data edit_contact_details will read the contents of mydata.txt and then display them in a table After editing, the submit button will post the updated data to save_contact_details This script will write the edited data back to mydata.txt

14 Reading the file <html> <body> <?php $myfile=fopen("mydata.txt","r") or exit("can t open file!"); // read each line of text from the text file $lastname = fgets($myfile); $firstname = fgets($myfile); $address01 = fgets($myfile); $address02 = fgets($myfile); $town = fgets($myfile); $postcode = fgets($myfile); $telephone = fgets($myfile); $ = fgets($myfile); fclose($myfile);?>

15 Displaying the data -1 <h1>my Contact Details</h1> <p> The contact details on file are as shown below.<br> Edit the data and save your changes to file. </p> <form action="save_contact_details.php" method="post"> <table> <td align="right">last name: </td><td> <?php echo "<input size=\"20\" type=\"text\" name=\"lastname\" value=\"$lastname\">"?> </td> <td align="right">first name: </td><td> <?php echo "<input size=\"20\" type=\"text\" name=\"firstname\" value=\"$firstname\">"?> <td align="right">address 01: </td><td> <?php echo "<input size=\"30\" type=\"text\" name=\"address01\" value=\"$address01\">"?> </td> <td align="right">address 02: </td><td> <?php echo "<input size=\"30\" type=\"text\" name=\"address02\" value=\"$address02\">"?> </td> <td align="right">town / city: </td><td> <?php echo "<input size=\"20\" type=\"text\" name=\"town\" value=\"$town\">"?> </td>

16 Displaying the data -2 <td align="right">post code: </td><td> <?php echo "<input size=\"10\" type=\"text\" name=\"postcode\" value=\"$postcode\">"?> </td> <td> </td> <td colspan="2" align="left"><input type="submit" value="save changes"></td> </table> </form> <td align="right">telephone: </td><td> <?php echo "<input size=\"15\" type=\"text\" name=\"telephone\" value=\"$telephone\">"?> </td> </body> </html> <td align="right"> </td><td> <?php echo "<input size=\"50\" type=\"text\" name=\" \" value=\"$ \">"?> </td>

17 Testing Browse to edit_contact_details.php Check the displayed data matches the contents of mydata.txt Change the data Submit the changes Check the echoed data matches the changes View mydata.txt to verify the updates have been written

18 Assignment work You can now do M2 This will be assessed by submission of web browser screens including url and commented code.

Dynamic Form Processing Tool Version 5.0 November 2014

Dynamic Form Processing Tool Version 5.0 November 2014 Need more help, watch the video! Interlogic Graphics & Marketing (719) 884-1137 This tool allows an ICWS administrator to create forms that will be