Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2025-06-19 04:15:17 +00:00
Code Issues Projects Releases Wiki Activity

Add a feedback when uploading a file

Browse Source
This commit is contained in:
Pierre HUBERT
2021-03-09 17:06:35 +01:00
parent b614f649e3
commit b8be70f6dc
5 changed files with 70 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/js/common/api.js
View File

@ -30,9 +30,10 @@ const APIClient = {
},
/**
* @param {(number) => void} progressCallback Use this function to monitor upload
* @returns {Promise}
*/
execFormData: function(uri, data, withLogin) {
execFormData: function(uri, data, withLogin, progressCallback) {
if (!data)
data = new FormData();
@ -43,7 +44,7 @@ const APIClient = {
else
res(result);
})
}, progressCallback)
});
},
@ -108,8 +109,9 @@ const APIClient = {
* @param {FormData} data The form data object
* @param {Boolean} requireLoginTokens Specify if login tokens are required or not
* @param {Function} nextAction What to do next
* @param {(number) => void} progressCallback Use this function to monitor upload
*/
makeFormDatarequest: function(apiURI, data, requireLoginTokens, nextAction){
makeFormDatarequest: function(apiURI, data, requireLoginTokens, nextAction, progressCallback){
//Prepare the request URL
var requestURL = ComunicWeb.__config.apiURL + apiURI;
@ -134,6 +136,12 @@ const APIClient = {
ComunicWeb.common.api._on_state_change(requestURL, apiXHR, nextAction);
}
// Monitor upload progress, if required
if (progressCallback)
apiXHR.upload.addEventListener("progress", e => {
progressCallback(e.loaded/e.total);
});
//Submit request
apiXHR.send(data);
},