10

我通过 ajax 将图像作为 base64 字符串发送到 django。在我的 django 视图中，我需要调整图像大小并将其保存在文件系统中。

这是一个base64字符串（简化）：

data:image/jpeg;base64,/9j/4AAQSkZJRg-it-keeps-going-for-few-more-lines=

我尝试使用以下 python 代码在 PIL 中打开它：

img = cStringIO.StringIO(request.POST['file'].decode('base64'))
image = Image.open(img)
return HttpResponse(image, content_type='image/jpeg')

我正在尝试显示上传的图像，但 Firefox 抱怨说'The image cannot be displayed because it contains error'

我无法弄清楚我的错误。

解决方案：

pic = cStringIO.StringIO()

image_string = cStringIO.StringIO(base64.b64decode(request.POST['file']))

image = Image.open(image_string)

image.save(pic, image.format, quality = 100)

pic.seek(0)

return HttpResponse(pic, content_type='image/jpeg')
4

4 回答 4

14

解决方案：

将打开的 PIL 图像保存到类似文件的对象可以解决此问题。

pic = cStringIO.StringIO()
image_string = cStringIO.StringIO(base64.b64decode(request.POST['file']))
image = Image.open(image_string)
image.save(pic, image.format, quality = 100)
pic.seek(0)
return HttpResponse(pic, content_type='image/jpeg')
于 2013-11-11T17:04:24.353 回答
4

POSTed 字符串 ( data:image/jpeg;base64,) 的开头是标头，应在解码前删除。否则图像已损坏。

photo = request.POST['photo'].partition('base64,')[2]
image_data = b64decode(photo)
someobject.photo.save('user.jpg', ContentFile(image_data), save=True)
于 2014-11-05T15:48:18.123 回答
0 
class PhotoHandler(webapp2.RequestHandler):
    def get(self):
        rawbase64 = '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'
        pic = cStringIO.StringIO()
        image_string = cStringIO.StringIO(base64.b64decode(rawbase64))
        image = Image.open(image_string)
        image.save(pic, image.format, quality = 100)
        pic.seek(0)
        self.response.headers['Content-Type'] = 'image/png'
        self.response.write(pic.read())
于 2017-02-27T08:06:57.927 回答
0

感谢 Praveen 针对 python2 的解决方案，但我发现 python3 版本将是：

import io
import base64
pic = io.BytesIO()
image_string = io.BytesIO(base64.b64decode(base64_str))
image = Image.open(image_string)
image.save(pic, image.format, quality=100)
pic.seek(0)
return HttpResponse(pic, content_type='image/jpeg')

请注意data:image/jpeg;base64,部分实际上不是 base64 字符串，因此如果您的 base64 字符串包含您应该删除它：

base64_str = base64_uri[23:]
于 2017-09-21T01:57:58.643 回答