0

このGoogleチュートリアルに従って、画像をアップロードして表示しています。私のテストサイトはhttp://dnk-test1.appspot.com/testfileです 。画像名をクリックすると、Firefox、iphone safari、google chromeブラウザが次のような奇妙な文字を書き出すことを除いて、すべてが機能します。

����JFIF��XExifMM*�i&�� ����C     ��C��� "�� ���}!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������� ���w!1AQaq"2�B���� #3R�br� $4�%�

[表示]->[文字エンコード]をクリックして任意のエンコードを選択すると、画像が正しく表示されます。

ただし、IEでは画像は正しく表示されます。

Firefox 18.0.1IE10を使用しています

更新1：ローカルホストでは、画像はすべての種類のブラウザで正しく表示されます。

更新2：BlobViewerのスクリーンショットを追加 ここに画像の説明を入力してください

更新3：コードを追加

views.py

class UploadHandler(blobstore_handlers.BlobstoreUploadHandler):
    def post(self):
        # アップロードされたファイルの情報を取得
        files = self.get_uploads('file')
        blob_info = files[0]

        # redirect メソッドが上手く動かないので、ステータスコードとヘッダを使って
        # ブラウザにリダイレクトを指示
        headers = dict(Location=utils.url_for('myapp/serve', blob_key=blob_info.key()))
        return werkzeug.Response(None, headers=headers, status=302)


class ServeHandler(blobstore_handlers.BlobstoreDownloadHandler):
    def get(self, blob_key):
        blob_key = str(urllib.unquote(blob_key))
        blob_info = blobstore.BlobInfo.get(blob_key)
        return self.send_blob(blob_info)

def testfile(request):
    # アップロード用の URL を作成
    # アップロードに成功したら core/upload エンドポイントへ移動させる
    upload_url = blobstore.create_upload_url(utils.url_for('myapp/upload'))

    # Blobstore に保存されているファイルをすべて取得
    files = blobstore.BlobInfo.all()

    # テンプレートを使って表示
    data = dict(
            upload_url=upload_url,
            files=files)
    return utils.render_to_response('myapp/testfile.html', data)

urls.py

Rule('/testfile', endpoint='testtile', view='myapp.views.testfile'),
    Rule('/upload', endpoint='upload', view=('myapp.views.UploadHandler', (), {})),
    Rule('/serve/<blob_key>', endpoint='serve', view=('myapp.views.ServeHandler', (), {})),

testfile.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Top Page - core</title>
    </head>
    <body>
        <form action="{{ upload_url }}" method="POST" enctype="multipart/form-data">
            Upload File:<input type="file" name="file"><br>
            <input type="submit" name="submit" value="Submit">
        </form>

        <h2>Uploaded Files</h2>
        <ul>
            {% for file in files %}
            <li><a href="{{ url_for('myapp/serve', blob_key=file.key()     ) }}">{{ file.filename }}</a></li>
            {% endfor %}
        </ul>
    </body>
</html>

更新4：このページを見つけました。画像がアップロードされ、サムネイル画像が正しく表示されていますが、通常の画像が正しく表示されていません。違いは、サムネイル画像を表示するときにmimetype='image/jpg'使用されることです。したがって、このコードをどこかに追加する必要があると思いますが、どこにあるのかわかりません。

4

1 に答える 1

1 
class ServeHandler(blobstore_handlers.BlobstoreDownloadHandler):
    def get(self, blob_key):
        blob_key = str(urllib.unquote(blob_key))
        blob_info = blobstore.BlobInfo.get(blob_key)
        return self.send_blob(blob_info)

に変更する必要があります

class ServeHandler(blobstore_handlers.BlobstoreDownloadHandler):
    def get(self, blob_key):
        blob_key = str(urllib.unquote(blob_key))
        blob_info = blobstore.BlobInfo.get(blob_key)
        return self.send_blob(blob_info,'image/jpg')
于 2013-01-29T05:56:00.640 に答える