Ability to react to progress events of $http XHR

[ryankshaw]

I would like to be able to bind to the progress event of the xhr upload.

for example (in plain javascript):

var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false)

(so I can show a progress meter for uploaded files)

I want to be able to do the same thing by doing $http.post...

for this and any other case edge case where you need to interact with the raw XHR object itself it might be nice to provide something that lets you just get at the original xhr object.

[michaeltaranto]

+100! Really need to be able to access the internal xhr object of $http service.

[bjconlan]

Providing an 'xhr' config option (which I assume would be callback that gets the xhr instance passed in) is probably the simplest option to implement (and also means that we don't need to update angular every xhr spec change), but I think the correct way to do this is to extend the $q object to support a progress handler callback as per http://wiki.commonjs.org/wiki/Promises/A. This keeps with the nice abstraction angular provides to the $http object and since it is already based upon $q promises it could then provide something akin to what you are attempting to do (bind to the progress events)

Perhaps #2223 can help with this.

[aminariana]

+10

My issue is that I'd like to cancel the request if it wasn't completed upon new request.

I'm issuing many search queries async (depending on the user behavior) and there's severe race condition. The work-around I see right now is to fall back on jQuery.ajax method, simply because that's the only thing I'm familiar with that provides an XHR that I can cancel upon new request.

[trea]

+1 I'd also like to see something implemented for this purpose.

Thanks!

[magro]

+1

[miki725]

+1

[gustavohenke]

+1

[danialfarid]

+1

[anormal81]

+1

[lu4]

+1