Décodage en base64 de la POSTE, à utiliser dans PIL

Je suis en train de faire une API simple dans le Flacon qui accepte une image encodée en base64, puis décode pour un traitement ultérieur à l'aide d'Oreiller.

J'ai regardé quelques exemples (Un, Deux, Trois), et je pense que je obtenir de l'essence de la procédure, mais je reçois un message d'erreur lorsque Oreiller peut pas lire le string, je lui ai donné.

Voici ce que j'ai obtenu jusqu'à présent:

import cStringIO
from PIL import Image
import base64

data = request.form
image_string = cStringIO.StringIO(base64.b64decode(data['img']))
image = Image.open(image_string)

qui donne l'erreur:

IOError: cannot identify image file <cStringIO.StringIO object at 0x10f84c7a0>
  • Pouvez-vous coller un exemple de ce que vous obtenez en data['img']? Journal, ou de l'imprimer.
  • Voici un exemple: jsfiddle.net/gn0x0wvc. Je l'ai mis dans un img étiquette pour vous assurer que les données de l'image n'était pas corrompu.
  • Ce qui ne l'après b64decode()? Est-il un autre encodage en cours, par exemple encodage? Est-il vraiment une image pris en charge par PIL?
  • Juste que le violon ne nous dit rien sur la façon dont vous êtes l'affichage d'une chaîne à votre ballon de serveur. Ce n' print repr(data['img']) produire sur votre console par exemple?
  • Voici une capture d'écran de la sortie de b64 decode: imgur.com/7ZJNuPf j'ai essayé de suivre l'exemple here. @Martijn Pieters voici ce que print repr(data['img']) ressemble: imgur.com/xmrvNmI
InformationsquelleAutor Lazaro Gamio | 2014-09-27
  1. 66

    Vous devriez essayer quelque chose comme:

    from PIL import Image
from io import BytesIO
import base64

data['img'] = '''R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLl
N48CXF8m2iQ3YmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==''' 

im = Image.open(BytesIO(base64.b64decode(data)))

    Votre data['img'] chaîne ne doit pas contenir de balises HTML ou les paramètres de la data:image/jpeg;base64 qui sont dans l'exemple JSFiddle.

    J'ai changé l'image de la chaîne pour un exemple, j'ai pris à partir de Google juste pour des raisons de lisibilité.

    InformationsquelleAutor André Teixeira
  2. 24

    Il y a un métadonnées préfixe de data:image/jpeg;base64, être inclus dans le img champ. Normalement, ces métadonnées sont utilisées dans un CSS ou HTML des données URI lors de l'intégration des données d'image dans le document ou feuille de style. Il est là pour fournir le type MIME et le codage des données incorporées pour le rendu du navigateur.

    Vous pouvez enlever le préfixe avant le décodage base64 et il devrait en résulter une image valide de données que PIL pouvez charger (voir ci-dessous), mais vous avez vraiment besoin de remettre en question la façon dont les métadonnées sont soumis à votre serveur en tant que normalement il ne devrait pas.

    import re
import cStringIO
from PIL import Image

image_data = re.sub('^data:image/.+;base64,', '', data['img']).decode('base64')
image = Image.open(cStringIO.StringIO(image_data))
    • Merci beaucoup! Cela a parfaitement fonctionné!
    • le point principal est que le préfixe ne devraient pas être présents dans les données affichées sur votre serveur. Comment est-il affiché?
    • Je suis un utilisateur téléchargés de l'image et de l'envoyer à l'API via le jquery méthode post. Je suppose que j'ai pu dépouiller le préfixe off côté client au lieu de le supprimer sur le serveur.
    • Vieux post mais juste ce que je cherchais. Merci!
    InformationsquelleAutor mhawke
  3. 5

    Désolé pour la nécromancie, mais aucune des réponses travaillé complètement pour moi. Voici le code de travail sur Python 3.6 et Flacon de 0,13.

    Serveur:

    from flask import Flask, jsonify, request
from io import BytesIO
from web import app
import base64
import re
import json
from PIL import Image

@app.route('/process_image', methods=['post'])
def process_image():
    image_data = re.sub('^data:image/.+;base64,', '', request.form['data'])
    im = Image.open(BytesIO(base64.b64decode(image_data)))
    return json.dumps({'result': 'success'}), 200, {'ContentType': 'application/json'}

    Client JS:

    // file comes from file input
var reader = new FileReader();
reader.onloadend = function () {
    var fileName = file.name;
    $.post('/process_image', { data: reader.result, name: fileName });
};
reader.readAsDataURL(file);
    InformationsquelleAutor cyberj0g