Question

我正在尝试导出一个字符串base64，它表示从canvas html5中获取的图像，这是javascript中的代码：

var canvas1 = $("#canvas1")[0];
var ctx1 = canvas1.getContext('2d');
dataURL1 = canvas1.toDataURL();

Whit ajax我将图片发送到服务器：

$.ajax({
    type: "POST",
    url: "/regiter_respuesta_agilidad/",
    data:{
        'imagen1': dataURL1,
    }
});

在django的views.py中，我使用base64.b64decode将字符串导出到image：

imagen1 = request.POST['imagen1']
image_data = base64.b64decode(imagen1)
imagene = ContentFile(image_data, 'imagen1.png')
answer = Answer(imagen=imagene)

在models.py中我有：

class Answer(models.Model):
    imagen = models.ImageField(upload_to=url)

问题是图像保存时，文件imagen1.png已损坏，我无法打开它，有人可以帮我解决这个问题吗？还是有另外一种方法可以做到这一点？非常感谢你。

Answer 1

我猜你需要从data:返回的数据URI中删除canvas.toDataURL();。

快速谷歌搜索发现了一些代码，用于解析python https://gist.github.com/zacharyvoase/5538178中的数据uris和另一个：dataurl.py

Answer 2

代替此行：image_data = base64.b64decode(imagen1)

使用此行：image_data = base64.b64decode(imagen1[22:] + b'=' * (-len(imagen1[22:]) % 4))

将图像从base64转换为图像并保存在django的数据库中

2 个答案: