在PhoneGap中显示加载光标

时间:2011-10-28 10:54:09

标签: javascript android cordova xmlhttprequest

所以我正在构建一个应用程序来显示用户拍摄的照片,然后上传到我的FTP。一切正常,但由于移动数据速度的限制,图像往往需要一段时间才能从服务器同步。我对大多数js / phonegap的东西都相当新,所以我希望有人能指出我正确的方向。如何在加载每个图像时显示加载光标?

对于我的View Uploaded Photos,我有

/ **      *查看上传到服务器的图片      * /

function viewUploadedPictures() {

    // Get server URL
    server = document.getElementById('serverUrl').value;
    if (server) {

        // Get HTML that lists all pictures on server using XHR 
        var xmlhttp = new XMLHttpRequest();

        // Callback function when XMLHttpRequest is ready
        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState === 4){

                // HTML is returned, which has pictures to display
                if (xmlhttp.status === 200) {
                    document.getElementById('server_images').innerHTML = xmlhttp.responseText;
                }

                // If error
                else {
                    document.getElementById('server_images').innerHTML = "Error retrieving pictures from server.";
                }
            }
        };
        xmlhttp.open("GET", server , true);
        xmlhttp.send();         
    }   
}

1 个答案:

答案 0 :(得分:1)

使用

navigator.notification.activityStart();
navigator.notification.activityStop(); 

您可能还想玩navigator.notification.loadingStart和
loadStop已经进入了iPhone项目。

因为版本0.9.5.1中已弃用,所以对于> 0.9.5.1你可以考虑使用

jQuery BlockUI Plugin。它非常易于配置。