Holen Sie sich Base64 aus imageURI mit PhoneGap

Ich versuche, die base64-von einem Bild, aufgenommen aus dem album auf meinem Handy, aber ich kann nicht damit es funktioniert:

Habe ich versucht, dieses:

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);

Obwohl das Bild richtig angezeigt wird.. ich erhalte eine Fehlermeldung, die von dieser Funktion:

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

Und der Fehler ist: FileError.ENCODING_ERR

Ich weiß, der code sieht nicht schön aus. Aber ich weiß nicht, wie man die Base64 Kodierung aus einer imageURI.

  • hi Ihr einfach schon geben beispielsweise nur ref... hier der link.. here
InformationsquelleAutor SERPRO | 2012-03-06
  1. 7

    Der oben beschriebenen Methode von SERPRO funktioniert...aber ich habe zu ändern

    reader.readAsText(file);
to
reader.readAsDataURL(file);

    So, Zeile 

    image64.value = Base64.encode(evt.target.result);

    kann entfernt werden und der base64-Ergebnis können Sie direkt extrahiert, als 

    image64.value = evt.target.result;
    InformationsquelleAutor smanandhar
  2. 7

    Fand ich die Lösung in Google groups. Ich veränderte es ein wenig und das ist das Ergebnis:

    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);

    HINWEIS: Es dauert etwa 20 Sekunden zum Lesen eines normalen 5MPixel Bild und weitere 10-15 Base64 codieren.

    InformationsquelleAutor SERPRO
  3. 0

    Cordova-plugin-Datei implementiert die HTML5-Datei-API, und das nutzt die callback-API. Ich bevorzuge es verspricht also, ich schrieb die Methode, mithilfe der $q Bibliothek: 

    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;
}

    Den readAsDataURL Methode wird verwendet, um Lesen Sie den Inhalt des
    angegebene Blob oder Datei. Wenn der Lesevorgang beendet ist, wird der
    readyState wird GETAN, und die loadend ausgelöst wird.Zu dieser Zeit,
    das Ergebnis-Attribut enthält die Daten als URL-Vertretung der
    Datei als base64-codierte Zeichenfolge.

    Verwendung:

    var imageData;
getContentAsBase64(aq.FileUri).then(function (content) {
   imageData= content;
});
    InformationsquelleAutor Colin
Schreibe einen Kommentar