如何将 HTML5 画布作为图像提交到 django 服务器 [重复]答案

【问题标题】：How to submit a HTML5 canvas as an image to django server [duplicate]如何将 HTML5 画布作为图像提交到 django 服务器 [重复]
【发布时间】：2019-04-13 16:20:36
【问题描述】：

我创建了一个可供用户绘制的画布。现在绘制完成后，当我点击提交按钮时，我希望它到达 django 中的服务器。我无法弄清楚这背后的 javascript 以及如何在 django 的视图中访问它。有什么办法。

【问题讨论】：

How to submit html5 canvas as part of form post?的可能重复
您应该能够在按钮的 click 事件上触发 JavaScript，以通过来自 toBlob 和 XMLHttpRequest 的回调发送数据，如建议的副本中所述。

标签： javascript django python-3.x html5-canvas

【解决方案1】：

我认为有很多方法可以做到这一点。

一个是：假设画布上的图像都来自同一个来源，您可以随时调用

const canvas=document.getElementById('canvas');
const imageUri=canvas.toDataUrl()

然后您可以将其附加到表单输入并像普通表单一样提交到后端

【讨论】：

改用toBlob()
这工作..!!感谢帮助。
{% csrf_token %}
欢迎您@BhavyaChoubisa 如果我的回答解决了您的问题，请单击复选框接受它作为答案。