SNaRe's avatar
Level 7

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.

https://stackoverflow.com/questions/27740692/request-stalled-for-a-long-time-occasionally-in-chrome/30772776#30772776

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...

0 likes
0 replies

Please or to participate in this conversation.