- Sun Sep 03, 2017 8:40 am
#69703
Problem solved. After turning on debug flags in the ESP webserver parsing.cpp source I managed to pinpoint the issue. It has to do with lower and upper case letters in the 'Content-Type' header. Seems like most servers are not particular with lower and upper case so my code ran fine on all but the ESP which uses direct string compare and hence is case sensitive. After fixing the header string, my javascript code runs just fine.
Here it is for the sake of next generations:
The function takes two variables - flname is the filename without extention - I've added '.xml' in my code. The data var is the content of the file to be uploaded.
If anybody wonders, the Boundary variable is just a random string used to delineate the block into parts.
The rest of it is quite straightforward (once it works).
Here it is for the sake of next generations:
Code: Select all
function uploadfile(flname,data)
{
var boundary = "----WebKitFormBoundarygqk86ALR3dpFbAaF";
var xhr = new XMLHttpRequest();
var body = '--'+ boundary + '\r\n'+'Content-Disposition: form-data; name="MAX_FILE_SIZE"\r\n\r\n100000\r\n'+'--' + boundary +'\r\n'+'Content-Disposition: form-data; name="uploadedfile";'+ 'filename="'+flname+'.xml"\r\n'+ 'Content-Type: text/xml\r\n\r\n'+ data + '\r\n'+ '--'+boundary + '--\r\n';
xhr.open("POST", "/edit", true);
xhr.setRequestHeader("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8" );
xhr.setRequestHeader(
"Content-Type", "multipart/form-data; boundary="+boundary
);
xhr.onreadystatechange = function ()
{
if (xhr.readyState == 4 && xhr.status == 200)
alert("File uploaded!"+xhr.responseText);
}
xhr.send(body);
}
The function takes two variables - flname is the filename without extention - I've added '.xml' in my code. The data var is the content of the file to be uploaded.
If anybody wonders, the Boundary variable is just a random string used to delineate the block into parts.
The rest of it is quite straightforward (once it works).
