@@ -16,43 +16,44 @@ WebServer server(80);
16
16
17
17
const char * loginIndex =
18
18
" <form name='loginForm'>"
19
- " <table width='20%' bgcolor='A09F9F' align='center'>"
20
- " <tr>"
21
- " <td colspan=2><center><font size=4><b>ESP32 Login Page</b></font></center>"
22
- " <br>"
23
- " </td>"
24
- " <br>"
25
- " <br>"
26
- " </tr>"
27
- " <td>Username:</td>"
28
- " <td><input type='text' size=25 name='userid'><br></td>"
29
- " </tr>"
30
- " <br>"
31
- " <br>"
32
- " <tr>"
33
- " <td>Password:</td>"
34
- " <td><input type='Password' size=25 name='pwd'><br></td>"
35
- " <br>"
36
- " <br>"
37
- " </tr>"
38
- " <tr>"
39
- " <td><input type='submit' onclick='check(this.form)' value='Login'></td>"
40
- " </tr>"
41
- " </table>"
42
- " </form>"
43
- " <script>"
44
- " function check(form)"
45
- " {"
46
- " if(form.userid.value=='admin' && form.pwd.value=='admin')"
47
- " {"
48
- " window.open('/serverIndex')"
49
- " }"
50
- " else"
51
- " {"
52
- " alert('Error Password or Username')/*displays error message*/"
53
- " }"
54
- " }"
55
- " </script>" ;
19
+ " <table width='20%' bgcolor='A09F9F' align='center'>"
20
+ " <tr>"
21
+ " <td colspan=2>"
22
+ " <center><font size=4><b>ESP32 Login Page</b></font></center>"
23
+ " <br>"
24
+ " </td>"
25
+ " <br>"
26
+ " <br>"
27
+ " </tr>"
28
+ " <td>Username:</td>"
29
+ " <td><input type='text' size=25 name='userid'><br></td>"
30
+ " </tr>"
31
+ " <br>"
32
+ " <br>"
33
+ " <tr>"
34
+ " <td>Password:</td>"
35
+ " <td><input type='Password' size=25 name='pwd'><br></td>"
36
+ " <br>"
37
+ " <br>"
38
+ " </tr>"
39
+ " <tr>"
40
+ " <td><input type='submit' onclick='check(this.form)' value='Login'></td>"
41
+ " </tr>"
42
+ " </table>"
43
+ " </form>"
44
+ " <script>"
45
+ " function check(form)"
46
+ " {"
47
+ " if(form.userid.value=='admin' && form.pwd.value=='admin')"
48
+ " {"
49
+ " window.open('/serverIndex')"
50
+ " }"
51
+ " else"
52
+ " {"
53
+ " alert('Error Password or Username')/*displays error message*/"
54
+ " }"
55
+ " }"
56
+ " </script>" ;
56
57
57
58
/*
58
59
* Server Index Page
@@ -61,44 +62,43 @@ const char* loginIndex =
61
62
const char * serverIndex =
62
63
" <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>"
63
64
" <form method='POST' action='#' enctype='multipart/form-data' id='upload_form'>"
64
- " <input type='file' name='update'>"
65
- " <input type='submit' value='Update'>"
66
- " </form>"
67
- " <div id='prg'>progress: 0%</div>"
68
- " <script>"
69
- " $('form').submit(function(e){"
70
- " e.preventDefault();"
71
- " var form = $('#upload_form')[0];"
72
- " var data = new FormData(form);"
73
- " $.ajax({"
74
- " url: '/update',"
75
- " type: 'POST',"
76
- " data: data,"
77
- " contentType: false,"
78
- " processData:false,"
79
- " xhr: function() {"
80
- " var xhr = new window.XMLHttpRequest();"
81
- " xhr.upload.addEventListener('progress', function(evt) {"
82
- " if (evt.lengthComputable) {"
83
- " var per = evt.loaded / evt.total;"
84
- " $('#prg').html('progress: ' + Math.round(per*100) + '%');"
85
- " }"
86
- " }, false);"
87
- " return xhr;"
88
- " },"
89
- " success:function(d, s) {"
90
- " console.log('success!')"
91
- " },"
92
- " error: function (a, b, c) {"
93
- " }"
94
- " });"
95
- " });"
96
- " </script>" ;
65
+ " <input type='file' name='update'>"
66
+ " <input type='submit' value='Update'>"
67
+ " </form>"
68
+ " <div id='prg'>progress: 0%</div>"
69
+ " <script>"
70
+ " $('form').submit(function(e){"
71
+ " e.preventDefault();"
72
+ " var form = $('#upload_form')[0];"
73
+ " var data = new FormData(form);"
74
+ " $.ajax({"
75
+ " url: '/update',"
76
+ " type: 'POST',"
77
+ " data: data,"
78
+ " contentType: false,"
79
+ " processData:false,"
80
+ " xhr: function() {"
81
+ " var xhr = new window.XMLHttpRequest();"
82
+ " xhr.upload.addEventListener('progress', function(evt) {"
83
+ " if (evt.lengthComputable) {"
84
+ " var per = evt.loaded / evt.total;"
85
+ " $('#prg').html('progress: ' + Math.round(per*100) + '%');"
86
+ " }"
87
+ " }, false);"
88
+ " return xhr;"
89
+ " },"
90
+ " success:function(d, s) {"
91
+ " console.log('success!')"
92
+ " },"
93
+ " error: function (a, b, c) {"
94
+ " }"
95
+ " });"
96
+ " });"
97
+ " </script>" ;
97
98
98
99
/*
99
100
* setup function
100
101
*/
101
-
102
102
void setup (void ) {
103
103
Serial.begin (115200 );
104
104
0 commit comments