Serve image from GAE datastore with Flask (python)

blobstore, flask, google-app-engine, google-cloud-datastore, python-2.7

Solution

There was a simple mistake on the call for getting the Blob, I wrote:

db.get("2I9oX6J0U5nBCVw8kEndpw==")

and the right call was instead:

blobstore.get("2I9oX6J0U5nBCVw8kEndpw==")

For those looking for a complete Upload/Serving image via GAE Blobstore and Flask without using Webapp, here is the complete code:

Render the template for the upload form:

@app.route("/upload")
def upload():
    uploadUri = blobstore.create_upload_url('/submit')
    return render_template('upload.html', uploadUri=uploadUri)

Place your uploadUri in the form path (html):

<form action="{{ uploadUri }}" method="POST" enctype="multipart/form-data">

Here is the function to handle the upload of the image (I return the blob_key for practical reasons, replace it with your template):

@app.route("/submit", methods=['POST'])
def submit():
    if request.method == 'POST':
        f = request.files['file']
        header = f.headers['Content-Type']
        parsed_header = parse_options_header(header)
        blob_key = parsed_header[1]['blob-key']
        return blob_key

Now say you serve your images with a path like this:

/img/imagefilename

Then your image serving function is :

@app.route("/img/<bkey>")
def img(bkey):
    blob_info = blobstore.get(bkey)
    response = make_response(blob_info.open().read())
    response.headers['Content-Type'] = blob_info.content_type
    return response

Finally, anywhere you need to display an image in a template, you simply put the code:

<img src="/img/{{ bkey }} />

Problem

I'd like to avoid using Webapp from GAE, so i use this code to upload an image to the Blobstore (code snippet from : http://flask.pocoo.org/mailinglist/archive/2011/1/8/app-engine-blobstore/#7fd7aa9a5c82a6d2bf78ccd25084ac3b) ``` @app.route("/upload", methods=['POST']) def upload(): if request.method == 'POST': f = request.files['file'] header = f.headers['Content-Type'] parsed_header = parse_options_header(header) blob_key = parsed_header[1]['blob-key'] return blob_key ``` It returns what it seems to be indeed a Blobkey, wich is something like this : 2I9oX6J0U5nBCVw8kEndpw== I then try to display the recently stored Blob image with this code : ``` @app.route("/testimgdisplay") def test_img_display(): response = make_response(db.get("2I9oX6J0U5nBCVw8kEndpw==")) response.headers['Content-Type'] = 'image/png' return response ``` Sadly this part doesn't work, I got the following error : ``` BadKeyError: Invalid string key 2I9oX6J0U5nBCVw8kEndpw== ``` Do you guys have faced this error before ? It seems the Blobkey is well-formatted, and I can't find a clue.

Original source