flowjs / ng-flow

Flow.js html5 file upload extension on angular.js framework
http://flowjs.github.io/ng-flow/
MIT License
1.38k stars 303 forks source link

Chrome crash when drag and drop file from browse file window #335

Open paratab opened 7 years ago

paratab commented 7 years ago

I get an issue with my app, I just modify the code from the demo page, when click upload file window will pop up browse widow and when drag file to drop zone wait a minute and click close, chrome crash.

I have same issue to demo page too, I' upload video to show issue

paratab commented 7 years ago

Video : https://www.youtube.com/watch?v=bPnuY8LsF6Q Event Viewer : capture

AidasK commented 7 years ago

Does this happen with other uploaders too? What OS are you using, version? Browser version?

paratab commented 7 years ago
  1. After try on another upload that have dropzone, there was same problem.
  2. Window 7 pro, and 10 pro
  3. Chrome 60

I found this https://bugs.chromium.org/p/chromium/issues/detail?id=388661

Now I try to disable drag file from file browser but still able to drag from explorer but I have no idea to do it.

AidasK commented 7 years ago

It seems to be a browser or OS issue. Can this be solved in flow.js?

kjhangiani commented 6 years ago

We use jquery file uploader (https://blueimp.github.io/jQuery-File-Upload/) and I am able to replicate this scenario here. At first I thought it was something our app, but it definitely seems to be a browser issue. I can reliably reproduce this on the demo site as well.

These repo steps are kind of crazy, but they reliably crash the browser for me, maybe this will help triage the issue

This is on windows 10, have not tried to repro on osx or ubuntu yet.

1) Click browse files on any drag and drop uploader (the blueimp demo, flow.js, etc). Select 4-8 files of any type, I've been picking ~10kb excel files. Drag them from the browse files area into the dropzone in whatever uploader you are using

2) Chrome should crash at this point. Go ahead and let it crash, then restart it

3) Go back to the browse files picker, and pick the SAME exact 4-8 files. Drag them in, and Chrome will not crash this time

4) Click browse files again, choose 4-8 NEW files and drag them in. Chrome crashes

For me, I've been able to reproduce this across different apps - we have a bunch of different demo sites running on different domains, and I can cause it to crash on one site, but those same files will then work fine on any other site, including a completely different app like the demo site. Once a set of files crashes once, those same files will then work anywhere for your current desktop session.

This leads me to believe its some sort of chrome bug where the files are being buffered in memory or something, causing chrome to crash, but once they buffer once, they seemingly work for a while.

Would be interested to know if others can reproduce this issue in the same manner. We've been able to repro this on several different machines here

kjhangiani commented 6 years ago

similar issue: https://github.com/enyo/dropzone/issues/270

vikaschauhan1 commented 6 years ago

Is it resolved? Can anybody give me the update related to this issue? I am also facing the same issue while uploading files from drag& drop and then clicking causing crash of chrome version 62.0.3202.94 in windows 10 (64 bit).

Thanks.