<p>J'ai une application utilisant HTML5/JavaScript qui utilise </p> <pre class="brush:php;toolbar:false;"><input type="file" accept="image/*;capture=camera" onchange="gotPhoto(this)"></pre> ; <p>Pour capturer des images de la caméra. Puisque mon application souhaite s'exécuter hors ligne, comment puis-je enregistrer un objet Fichier (https://developer.mozilla.org/en-US/docs/Web/API/File) dans le stockage local afin qu'il puisse être utilisé ultérieurement. Récupérez-le lors du téléchargement via ajax ? </p> <p>Je récupère l'objet fichier de...</p> <pre class="brush:php;toolbar:false;">fonction gotPhoto(element) { var fichier = élément.files[0]; //Je souhaite enregistrer le 'fichier' sur le stockage local ici :-( }</pré> <p>Je peux convertir l'objet en chaîne et l'enregistrer, mais lorsque je le restaure, il n'est plus reconnu comme un objet Fichier et ne peut donc pas être utilisé pour obtenir le contenu du fichier. </p> <p>J'ai le sentiment que c'est irréalisable, mais je suis ouvert aux suggestions. </p> <p>En passant, ma solution de contournement consistait à lire le contenu du fichier tout en le stockant et à enregistrer le contenu complet sur le stockage local. Cela fonctionne, mais consomme rapidement du stockage local puisque chaque fichier est une photo de plus de 1 Mo. </p>

function gotPhoto(element) {
   var file = element.files[0];
   var reader = new FileReader()
   reader.onload = function(base64) {
      localStorage["file"] = base64;
   }
   reader.readAsDataURL(file);
}
// 保存到本地存储

function getPhoto() {
   var base64 = localStorage["file"];
   var base64Parts = base64.split(",");
   var fileFormat = base64Parts[0].split(";")[1];
   var fileContent = base64Parts[1];
   var file = new File([fileContent], "文件名", {type: fileFormat});
   return file;
}
// 获取文件对象