- From: albertsylvester <notifications@github.com>
- Date: Mon, 15 May 2017 19:34:51 -0700
- To: w3c/ServiceWorker <ServiceWorker@noreply.github.com>
- Cc: Subscribed <subscribed@noreply.github.com>
- Message-ID: <w3c/ServiceWorker/issues/1141@github.com>
Hi everyone,
With Service Worker (SW) installed on a web apps, it caused "AJAX Progress Listener" not working.
Any idea?
Thanks in advance
The Service Worker
```
if ('serviceWorker' in navigator && (window.location.protocol === 'https:')) {
navigator.serviceWorker.register('/service-worker.js')
.then(function(registration) {
//Checks the server for an updated version of the service worker without consulting caches.
//registration.update();
// updatefound is fired if service-worker.js changes.
registration.onupdatefound = function() {
// updatefound is also fired the very first time the SW is installed,
// and there's no need to prompt for a reload at that point.
// So check here to see if the page is already controlled,
// i.e. whether there's an existing service worker.
if (navigator.serviceWorker.controller) {
// The updatefound event implies that registration.installing is set:
// https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html#service-worker-container-updatefound-event
var installingWorker = registration.installing;
installingWorker.onstatechange = function() {
switch (installingWorker.state) {
case 'installed':
// At this point, the old content will have been purged and the
// fresh content will have been added to the cache.
// It's the perfect time to display a "New content is
// available; please refresh." message in the page's interface.
console.warn('New content is available, please refresh the page');
break;
case 'redundant':
throw new Error('The installing ' +
'service worker became redundant.');
default:
// Ignore
}
};
}
};
}).catch(function(e) {
console.error('Error during service worker registration:', e);
});
}
```
And, the Ajax Uploader
```
function uploadPic(){
var file = document.getElementById('fileInput').files[0];
var fd = new FormData();
fd.append("file", file);
var xhr = new XMLHttpRequest();
//attach listener before posting
xhr.upload.onprogress = updateProgressBar;
xhr.onreadystatechange = function() {//Call a function when the state changes.
if(xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
}
xhr.open("POST", "https://www.mysite.com/upload.php", true);
xhr.send(fd);
}
function updateProgressBar(e){
if (e.lengthComputable) {
var percentComplete = (e.loaded / e.total) * 100;
console.log(percentComplete + '% uploaded', e);
}
}
```
--
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/ServiceWorker/issues/1141
Received on Tuesday, 16 May 2017 02:35:29 UTC