Comment récupérer et lister les données de la carte SD dans Firefox OS

Question

link.onclick = function() { 
    console.log("display started"); 
    link.style.background = "red"; 
    link.style.color = "black"; 
    listContents('music'); 
} 

function listContents(storagename) { 
    //Clear up the list first 
    // results.html(""); 
    var files = navigator.getDeviceStorage(storagename); 
    console.log("files object "+files); 
    var cursor = files.enumerate(); 
    console.log("cursore object "+cursor); 
    cursor.onsuccess = function() { 
     //alert("Got something"); 
     var file = this.result; 
     if (file != null) { 
      var imageElement = $('<img height="100" width="75">'); 
      imageElement.attr('src', window.URL.createObjectURL(file)); 
      $("<p>" + file.name + "," + file.lastModifiedDate + "," + file.type + "," + file.size + "</p>").appendTo('#results'); 
      imageElement.appendTo("#results"); 
      this.done = false; 
     } else { 
      this.done = true; 
     } 

     if (!this.done) { 
      this.continue(); 
     } 
    } 
} 

Ici, cliquez sur le bouton de lien Je veux que tous les fichiers audio soient affichés dans une liste. Un exemple de fonction est donné, mais il est en jquery. Je veux implémenter la fonction listContents() en utilisant du JavaScript pur.

Quelqu'un peut-il vous aider, s'il vous plaît?

Answer 1

Vous devriez jeter un oeil à youmightnotneedjquery.com - la section Elements en particulier pourrait s'avérer très utile.

Cette référence à elle seule ne résoudra pas immédiatement votre problème, mais pourrait généralement vous orienter dans la bonne direction. La plupart des techniques "pur JavaScript" (comme la méthode DOM element.querySelectorAll) ne renvoient pas un objet aussi pratique que son homologue jQuery, donc vous aurez certainement besoin d'un peu de piratage, d'essais et d'erreurs pour que cela fonctionne - mais finalement je pense que c'est la meilleure façon d'apprendre cela. :)

L'apprentissage d'une chose ou deux sur des fonctions comme document.getElementById(), document.querySelector(), element.innerHTML & element.insertAdjacentHTML() et document.createElement()/element.setAttribute() devrait vous aider à démarrer.