php - Is it possible to add Jquery mobile loader on XMLHttpRequest() request? -
function uploadfile() { var fd = new formdata(); var count = document.getelementbyid('image').files.length; (var index = 0; index < count; index ++) { var file = document.getelementbyid('image').files[index]; fd.append('myfile', file); } var xhr = new xmlhttprequest(); xhr.addeventlistener("progress", updateprogress, false); xhr.addeventlistener("load", uploadcomplete, false); xhr.addeventlistener("error", uploadfailed, false); xhr.open("post", "savetofile.php", false); xhr.send(fd); } function updateprogress(evt) { /* event raised when server send response */ $.mobile.showpageloadingmsg(); } function uploadcomplete(evt) { /* event raised when server send response */ alert(evt.target.responsetext); $.mobile.hidepageloadingmsg() } function uploadfailed(evt) { alert("there error attempting upload file."); }
i using jquert mobile framework , in xmlhttprequest uploading file server , takes around 5-6 seconds complete.i have read add , remove page load(spinner) jquery mobile add $.mobile.showpageloadingmsg() [to load] , $.mobile.hidepageloadingmsg()[to remove]. have placed function in wrong positions? or did make other mistake ?
found on solution
function uploadfile() { //ad code $.mobile.loading('show', { theme: "a", text: "yoo", textonly: true, textvisible: true }); //end var fd = new formdata(); var count = document.getelementbyid('image').files.length; (var index = 0; index < count; index ++) { var file = document.getelementbyid('image').files[index]; fd.append('myfile', file); }
Comments
Post a Comment