根据手机上是否存在文件，在 jQuery Mobile 中动态填充列表视图

Question

这是我的代码的开始。它只是从 JSON 文件中填充一个无序列表。我尝试使用 Cordova FileReader 没有任何运气。

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    alert("Got deviceready");

    var reader = new FileReader();
    var fileSource = cordova.file.externalDataDirectory;

    $.getJSON( "links.json", function( data ) {

            $.each( data, function( key, val ) {

            var $li = $("<li><a href='#'>"+val.title+"</a></li>");

            reader.onloadend = function(evt) {

                if(evt.target.result == null) {
                $li.find("a").on("click", function(){ downloadPdf(val.title,val.url); });
                } else {
                $li.find("a").on("click", function(){ openPdf(val.title); });
                }
            };

            // We are going to check if the file exists
            reader.readAsDataURL(fileSource + val.title + ".pdf");

            $("#linkList").append($li);
            $("#linkList").listview('refresh');
            });

    });


}

如您所见，此示例使用downloadPdf(title, url) 函数添加列表项。如果确实存在，我希望列表项改为调用函数openPdf(title)。文件保存在cordova.file.externalDataDirectory + title + ".pdf"。

此代码不会将任何项目添加到我的列表中。

Answer 1

您可以使用file plugin 来检查文件是否存在

var reader = new FileReader();
var fileSource = <here is your file path>

reader.onloadend = function(evt) {

    if(evt.target.result == null) {
       // If you receive a null value the file doesn't exists
    } else {
        // Otherwise the file exists
    }         
};

// We are going to check if the file exists
reader.readAsDataURL(fileSource);