ERR_SPDY_PING_FAILED error with Uploader Chrome ( DropZone )
I have an uploader based on http://www.dropzonejs.com/
When I upload a file bigger than 3 MB ( 13 MB ) with Chrome, I recieve ERR_SPDY_PING_FAILED error in the console log.
When I upload the file, the progress bar stuck at a certain level. This is when we get this error.
I tried it with Safari, Firefox we don't have this problem.
This is request headers from Chrome
Provisional headers are shown
Accept: application/json
Cache-Control: no-cache
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary4sLYTyIwAAXnftvv
Origin: https://www.example.com
Referer: https://www.example.com/upload/document
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
X-Requested-With: XMLHttpRequest
------WebKitFormBoundary4sLYTyIwAAXnftvv
Content-Disposition: form-data; name="_token"
GiY0lmkggP4hlyhunGRQOOBa1k1dqsr44ZgHA41e
------WebKitFormBoundary4sLYTyIwAAXnftvv
Content-Disposition: form-data; name="file[0]"; filename="sdf_brz_lin.1.jpg"
Content-Type: image/jpeg
------WebKitFormBoundary4sLYTyIwAAXnftvv--
I googled and found that others also complaining the same problem.
In this stackoverflow post, they proposed some solutions but I couldn't implement their solutions since they are based on other scripts.
They proposed something like
$(document).ready(function() {
$.keepalive =
setInterval(function() {
$.ajax({
url: '/ping.html',
cache: false
});
}, 60000);
});
But I added this snippet to my file but it didn't work. Maybe I need a laravel solution rather than javascript.
I found this for laravel to keep alive.
https://github.com/Influendo/laravel-survivor
I am not sure how implement. Have you had any experience with it?
I just have a www.example.com/upload/document route.
I don't want to say visitors if they use chrome, you cannot upload bigger files than X MB...
Please or to participate in this conversation.