- 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