FSBrowser problem

[pipi61]

Hardware:

Board: ESP32 wroom32
Core Installation/update date: 11/11/2019
IDE name: Arduino IDE 188
Flash Frequency: 80Mhz
PSRAM enabled: no
Upload Speed: 115200
Computer OS: Windows 81

Description:

Original example libraries\WebServer\examples\FSBrowser\ not working properly in the chrome and the maxthon browser, the left filelist window empty,
but correct in firefox
http://192.168.0.110/edit
in browser development console error message:
Failed to load resource: net::ERR_CONNECTION_RESET list?dir=/:1

attach screenshot

Thank You!
Istvan

[stickbreaker]

@pipi61 post the console output of the ESP32, the FSBrower sketch will output error messages through the Serial connection.

[pipi61]

In fsbrowser serial out not contain error message, only information text
I download today the arduino-esp32

from github the result is the same
attach screenshot
Thank

[pipi61]

I made a simple program for presentation
`//esp32 webserver test
#ifdef ESP32
#include <WiFi.h>
#include <WebServer.h>
#endif
#ifdef ESP8266
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#endif
//#include <WiFiClient.h>

const char PAGE_index[] PROGMEM = R"=====(

none1

none2

none3

<script src="demoscript1.js"></script> <script src="demoscript2.js"></script> <script src="demoscript3.js"></script> <script> setd1(); setd2(); setd3(); </script> )=====";

const char PAGE_demojs1[] PROGMEM = R"=====(
function setd1()
{ document.getElementById("demo1").innerHTML = "Hello JavaScript 1"; }
)=====";

const char PAGE_demojs2[] PROGMEM = R"=====(
function setd2()
{ document.getElementById("demo2").innerHTML = "Hello JavaScript 2"; }
)=====";

const char PAGE_demojs3[] PROGMEM = R"=====(
function setd3()
{ document.getElementById("demo3").innerHTML = "Hello JavaScript 3"; }
)=====";

#ifdef ESP32
WebServer server(80); // The Webserver
#endif
#ifdef ESP8266
ESP8266WebServer server(80); // The Webserver
#endif

const char* ssid = "pipi";
const char* password = "titok111";

void setup(void)
{
byte ii;
Serial.begin(115200);
for (ii = 3; ii; ii--)
{
Serial.println(ii);
delay(1000);
}

//WIFI INIT
Serial.printf("Connecting to %s\n", ssid);
// if (String(WiFi.SSID()) != String(ssid))
// {
WiFi.mode(WIFI_STA);
WiFi.begin(ssid, password);
// }

while (WiFi.status() != WL_CONNECTED)
{
delay(500);
Serial.print(".");
}

Serial.print("\nConnected! IP address: ");
Serial.println(WiFi.localIP());

Serial.println("SETUPWebserver");
server.on("/demoscript1.js",
{
Serial.println("demoscript1.js");
//server.send(200, "application/javascript", PAGE_demojs1);
//server.send_P(200, "application/javascript", PAGE_demojs1);
server.send_P(200, "application/javascript", PAGE_demojs1, sizeof(PAGE_demojs1) - 1);
} );

server.on("/demoscript2.js",
{
Serial.println("demoscript2.js");
//server.send(200, "application/javascript", PAGE_demojs2);
//server.send_P(200, "application/javascript", PAGE_demojs2);
server.send_P(200, "application/javascript", PAGE_demojs2, sizeof(PAGE_demojs2) - 1);
} );

server.on("/demoscript3.js",
{
Serial.println("demoscript3.js");
//server.send(200, "application/javascript", PAGE_demojs3);
//server.send_P(200, "application/javascript", PAGE_demojs3);
server.send_P(200, "application/javascript", PAGE_demojs3, sizeof(PAGE_demojs3) - 1);
} );

server.on("/",
{
Serial.println("/");
server.send_P(200, "text/html", PAGE_index);
} );

server.on("/index.html",
{
Serial.println("/index.html");
server.send_P(200, "text/html", PAGE_index);
} );

server.onNotFound(
{
Serial.print("Page Not Found ");Serial.println(server.uri());
server.send(400, "text/html", "Page not Found");
} );

server.begin();
Serial.println("HTTP server started");

Serial.printf("FreeMem:%d\r\n", ESP.getFreeHeap());
Serial.println("******* SETUP() END ****");

}//setup

void loop(void)
{
server.handleClient();
}//loop end
`
This run on esp8266 and esp32.
On esp8266 works correctly.
On esp32, the (chrome and maxthon) browser only gets the first demoscript1.js and executes it, but another js does not load.
The following error message appears in the browser development console:
Failed to load resource: net::ERR_CONNECTION_RESET demoscript2.js:1
Failed to load resource: net::ERR_CONNECTION_RESET demoscript3.js:1

[a-c-sreedhar-reddy]

Hi @pipi61. your code has some compilation issue.

[pipi61]

Yes, I'm sorry. I used the insert code tag, copy-paste, then bad results. I attached the test.ino file to the ZIP file
test.zip
Thank You

[stale]

[STALE_SET] This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 14 days if no further activity occurs. Thank you for your contributions.

[stale]

[STALE_DEL] This stale issue has been automatically closed. Thank you for your contributions.

[marion91]

I am also having this issue in Chrome with just the original script out of the box. The don't show, though when inspected in chrome, the files themselves look complete. Chrome reads " Failed to load resource: net::ERR_CONNECTION_RESET list?dir=/:1 "

The file received as "list?dir=/:1":

[{"type":"file","name":"Background_1080.jpg"},{"type":"file","name":"Background_320x240.bmp"},{"type":"file","name":"Background_320x240.jpg"},{"type":"file","name":"Button_Rect.bmp"},{"type":"file","name":"Button_rect.jpg"},{"type":"file","name":"Button_Rect_Highlight.bmp"},{"type":"file","name":"edit.htm.gz"},{"type":"file","name":"favicon.ico"},{"type":"file","name":"graphs.js.gz"},{"type":"file","name":"index.htm"},{"type":"file","name":"MyFont.h"},{"type":"file","name":"NotoSansBold15.vlw"},{"type":"file","name":"NotoSansBold36.vlw"},{"type":"file","name":"TouchCalData3"},{"type":"file","name":"wifi.txt"},{"type":"file","name":"Calibri-12.vlw"},{"type":"file","name":"Rust.bmp"},{"type":"file","name":"RUST_Button.bmp"},{"type":"file","name":"RUST_Button_Highlight.bmp"},{"type":"file","name":"PORTAL_Button.bmp"},{"type":"file","name":"PORTAL_Button_Highlight.bmp"},{"type":"file","name":"GameProfiles.txt"}]

[pipi61]

      if (_currentClient.available()) {
        if (_parseRequest(_currentClient)) {
          // because HTTP_MAX_SEND_WAIT is expressed in milliseconds,
          // it must be divided by 1000
          _currentClient.setTimeout(HTTP_MAX_SEND_WAIT / 1000);
          _contentLength = CONTENT_LENGTH_NOT_SET;
          _handleRequest();

          /* this comment out for chrome/maxthon browsers
          if (_currentClient.connected()) {
            _currentStatus = HC_WAIT_CLOSE;
            _statusChange = millis();
            keepCurrentClient = true;
          } */
        }

Try this comment out in webserver.cpp

[marion91]

It works every time now! Thank you!!

Fixed file attached:
WebServer.zip

[Chasx]

This issue has bugged me for a couple of days! I tried to serve a Vue.js application from SPIFFS on the ESP32. It works flawlessly on Firefox but on Chrome it only loads a couple of the files and the rest fails with 'connection reset'. Tried all kinds of stuff like using FFAT instead (horrible broken image generators) and trying WebServer-Async (but that one regularly restarts my ESP because it seems it cannot deal with SoftwareSerial running at the same time).

Eventually Google brought me here and I tried to comment out the lines as suggested above, and boom, all is OK!

But why does commenting out help Chrome to function properly? Aren't the lines important after all? Why doesn't it affect Firefox?

[me-no-dev]

this is some legacy code from 8266. I wonder what was the purpose of that code?

[mrWheel]

Is this fix going to make it to the master branch??