Phonegap文件传输 - 如何在加载文件时插入加载.gif文件

时间:2013-06-04 14:05:12

标签: javascript cordova file-transfer

我已经为我的phonegap应用程序获取了这个Javascript代码,用于将声音文件下载到Ringtones文件夹中。由于下载它可能需要一段时间,直到警报弹出,我想在文件下载时插入.gif文件。我该怎么做?这是我的代码:

var fileTransfer = new FileTransfer();
fileTransfer.download(
"http://example.com/Sound.mp3",
"file://sdcard/Ringtones/Sound.mp3",
function(entry) {
    alert("Sound downloaded!" );
},
function(error) {
    alert("download error source " + error.source);
    alert("download error target " + error.target);
    alert("upload error code" + error.code);
});
 }

1 个答案:

答案 0 :(得分:1)

在页面上有您想要的位置:

<div id="loadingImg" style="display:none;">
    <img src="load.gif" />
</div>

然后在代码中的相关位置显示/隐藏它(可能使用jQuery):

var fileTransfer = new FileTransfer();

//Fade in the loadingImg Div at the start of your function
$("loadingImg").fadeIn();

fileTransfer.download(
    "http://example.com/Sound.mp3",
    "file://sdcard/Ringtones/Sound.mp3",
    function(entry) {

        //Fade out the loadingImg Div on success
        $("loadingImg").fadeOut();
        alert("Sound downloaded!");
    },
    function(error) {

        //Fade out the loadingImg Div on error
        $("loadingImg").fadeOut();
        alert("download error source " + error.source);
        alert("download error target " + error.target);
        alert("upload error code" + error.code);
    });
}