Enregistrer dataURL en tant qu'image avec Filepicker.io exportWidget

Question

Il semble que l'utilisation de l'API javascript Filepicker.io vous permet d'enregistrer un URL de données, mais je me demande s'il est possible d'enregistrer un dataURL mime-typed comme "image/png" avec le widget d'exportation Filepicker.io? Quand j'essaye ceci je reçois une exception: Fichier non valide à exporter. J'ai lu que, en utilisant l'API JS, vous devez supprimer le préfixe "data: image/png; base64", mais qui semble donner la même exception.

Je me déshabille ce hors comme ceci:

myCanvasImage = canvas.toDataURL('image/png').split(',',2)[1]; 

Mais cela semble jeter la même erreur. Une idée si c'est possible avec le widget Filepicker?

Answer 1

Vous pouvez l'utiliser dans la fonction de stockage filepicker. Il traitera du décodage base64.

var dataURL = $('#canvasElement')[0].toDataURL().split(',', 2)[1]; 

filepicker.store(
    dataURL, 
    { 
    base64decode: true, 
    mimetype: 'image/jpeg' 
    }, 
    function(InkBlob){ 
    filepicker.exportFile(
     InkBlob, 
     {suggestedFilename:"yourFileName"}, 
     function(InkBlob){ 
     console.log(InkBlob); 
     }, 
     function(FPError) { 
     console.log(FPError.toString()); 
     } 
    ); 
    }, 
    function(FPError) { 
    console.log(FPError.toString()); 
    } 
);