Long description

The first block of code on the top of the figure reads as follows.

Line 1 at indentation level 0: open angle bracket form enctype equals open double quotes multipart forward slash form hyphen data close double quotes method equals open double quotes post close double quotes action equals open double quotes upFile close double quotes close angle bracket.

Line 2 at indentation level 1: open angle bracket input type equals open double quotes file close double quotes name equals open double quotes file1 close double quotes close angle bracket.

Line 3 at indentation level 1: open angle bracket input type equals open double quotes submit close double quotes value equals open double quotes Submit Query close double quotes close angle bracket.

Line 4 at indentation level 0: open angle bracket forward slash form close angle bracket.

The textbox along with two buttons are placed a form side-by-side below the first block of code. The textbox contains the value C colon backslash Users backslash ricardo backslash Pictures backslash Sample1 dot p n g.

The Submit Query button corresponds to the second and third block of code that reads as follows.

The second block is a P H P block of code.

Line 1 at indentation level 0: forward slash forward slash output info about uploaded file.

Line 2 at indentation level 0: echo dollar underscore FILES open square bracket open double quotes file1 close double quotes close square bracket open square bracket open double quotes name close double quotes close square bracket semicolon.

Line 3 at indentation level 0: echo dollar underscore FILES open square bracket open double quotes file1 close double quotes close square bracket open square bracket double quotes type double quotes close square bracket semicolon.

Line 4 at indentation level 0: forward slash forward slash move uploaded file to save location.

Line 5 at indentation level 0: dollar fileToMove equals dollar underscore FILES open square bracket open double quotes file1 close double quotes close square bracket open square bracket open double quotes t m p underscore name close double quotes close square bracket semicolon.

Line 6 at indentation level 0: dollar destination equals open double quotes dot forward slash uploads forward slash double quotes dot dollar underscore FILES open square bracket open double quotes file1 close double quotes close square bracket open square bracket open double quotes name close double quotes close square bracket semicolon.

Line 7 at indentation level 0: move underscore uploaded underscore file open parenthesis dollar fileToMove comma dollar destination close parenthesis.

The third block of code is a Node JavaScript code.

Line 1 at indentation level 1: const upload equals require open parenthesis open double quotes express hyphen fileupload close double quotes close parenthesis semicolon app dot use open parenthesis upload open parenthesis close parenthesis close parenthesis semicolon.

Line 2 at indentation level 1: app dot post open parenthesis open double quotes forward slash upFile close double quotes comma open parenthesis req comma resp close parenthesis arrow function open curly brace.

Line 2 at indentation level 2: forward slash forward slash output info about uploaded file.

Line 3 at indentation level 2: const fileToMove equals req dot files dot file1 semicolon.

Line 4 at indentation level 2: console dot log open parenthesis fileToMove dot name close parenthesis semicolon.

Line 5 at indentation level 2: console dot log open parenthesis fileToMove dot mimeType close parenthesis semicolon.

Line 6 at indentation level 2: forward slash forward slash move uploaded file to save location.

Line 7 at indentation level 2: fileToMove dot m v open parenthesis open double quotes dot forward slash uploads forward slash close double quotes plus fileToMove dot name close parenthesis semicolon.

Line 8 at indentation level 1: close curly brace close parenthesis colon.