Obtenir Base64 de imageURI avec PhoneGap

Je vais essayer d'obtenir le base64 à partir d'une image que choisi à partir de l'album sur mon téléphone, mais je ne peux pas le faire fonctionner:

J'ai essayé ceci:

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
    console.log("0");
    fileSystem.root.getFile(imageURI, null, function(fileEntry) {
        console.log("1");
        fileEntry.file(function(file) {
            console.log("2");
            var reader = new FileReader();
            reader.onloadend = function(evt) {
                console.log("Read complete!");
                image64.value = Base64.encode(evt.target.result);
            };
            reader.readAsText(file);
        }, failFile);
    }, failFile);
}, failSystem);

Bien que l'image s'affiche correctement.. j'ai un message d'erreur à partir de cette fonction:

fileSystem.root.getFile(imageURI, null, function(fileEntry)

Et l'erreur est: FileError.ENCODING_ERR

Je sais que le code n'a pas l'air très jolie. Mais je ne sais pas comment pour obtenir le codage Base64 à partir d'un imageURI.

salut sa facile déjà donner l'exemple que nous venons de ref... ce lien.. here

OriginalL'auteur SERPRO | 2012-03-06

7

La méthode ci-dessus à partir de SERPRO fonctionne...mais j'ai du changer
```
reader.readAsText(file);
to
reader.readAsDataURL(file);
```
Ainsi, la ligne de
```
image64.value = Base64.encode(evt.target.result);
```
peut être retiré et le base64 résultat peut être directement extraite
```
image64.value = evt.target.result;
```
OriginalL'auteur smanandhar

J'ai trouvé la solution dans Google groupes. Je l'ai modifié un peu et voilà le résultat:

var gotFileEntry = function(fileEntry) { 
    console.log("got image file entry: " +  fileEntry.fullPath); 
    fileEntry.file( function(file) {
        var reader = new FileReader();
        reader.onloadend = function(evt) {
            console.log("Read complete!");
            image64.value = Base64.encode(evt.target.result);
        };
        reader.readAsText(file);
    }, failFile);
};

window.resolveLocalFileSystemURI(imageURI, gotFileEntry, failSystem);

REMARQUE: Il faut environ 20 secondes pour lire un normal 5MPixel de l'image et un autre 10-15 pour l'encoder en Base64.

20? 20 heures? ans?
secondes.. 🙂
Comment obtenir de la base 64 de la chaîne de valeur? Je veux enregistrer en base 64 chaîne de sqlite. Comment utiliser "image64.de la valeur".
vous pouvez le faire comme dans cette question: stackoverflow.com/questions/1207190/embedding-base64-images

OriginalL'auteur SERPRO

Cordova-plugin-fichier implémente la HTML5 Fichier API, et qui utilise de rappel de l'API. Je préfère promesses donc, j'ai réécrit la méthode à l'aide de l' $q bibliothèque:

function getContentAsBase64(fileUrl) {

  //Using $q to change the API so that getContentAsBase64 returns a promise
  var deferred = $q.defer();

  //function to call when either resolve or retrieval fails
  var fail = function (error) {
    errorHandler(error);
    deferred.reject(error);
  }

  //function to call when resolve file succeeded
  //we have a FileEntry - get the file, 
  var fileResolved = function (fileEntry) {
    fileEntry.file(fileSuccess, fail);
  }

  //function to call when file successfully retrieved
  //convert to base64 string
  var fileSuccess = function (file) {

    var reader = new FileReader();
    reader.onloadend = function (evt) {
      //promise is resolved with the base64 string
      deferred.resolve(evt.target.result);
    };
    reader.readAsDataURL(file);
  };

  window.resolveLocalFileSystemURL(fileUrl, fileResolved, fail);
  return deferred.promise;
}

La readAsDataURL méthode est utilisée pour lire le contenu de la
spécifié Blob ou d'un Fichier. Lorsque l'opération de lecture est terminé, la
readyState devient de FAIT, et la loadend est déclenchée.À ce moment,
le résultat de l'attribut contient les données sous forme d'une URL représentant l'
du fichier de données comme une chaîne encodée en base64.

Utilisation:

var imageData;
getContentAsBase64(aq.FileUri).then(function (content) {
   imageData= content;
});

OriginalL'auteur Colin

Vous devez vous connecter pour publier un commentaire.