Detect when file is uploading in browser

Question

Is there a way for me to detect, with javascript/jQuery when and if a file is currently being uploaded by the browser?

If not, how is this normally done? Or, is it only possible to detect if I'm using my own file uploader (as opposed to the browser's)?

Edit: not looking for someone to code this for me, just wondering what the "normal" methodology is so I can learn up. Google hasn't really helped in this (rare) case.

Is this a file upload as part of a form, or an xmlhttprequest (or the jquery equivalent cruft) upload? — Jaromanda X
– Jaromanda X, Commented Aug 23, 2016 at 1:55

Hatchet · Accepted Answer · 2016-08-23 02:02:11Z

2

If you're using an XHR as part of your upload progress, xhr.upload.addEventListener('loadstart', function () { ... }) will be called when the upload begins, and the check for completion is the same as any other XHR:

xhr.onreadystatechange = function(e) {
    if (xhr.readyState == 4) {
        // Upload complete
    }
};

More info about uploading with XHR can be found here: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/upload

JSFiddle sample: https://jsfiddle.net/Hatchet/dxyxdw1d/1/

answered Aug 23, 2016 at 2:02

Hatchet

5,4161 gold badge35 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Detect when file is uploading in browser

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related