javascript - 如何使用 HTTP 请求中的参数在 Django 中附加模型

Question

我对 Django 以及它如何与其一些内部组件交互还很陌生，所以如果这是显而易见的，我提前道歉。我正在使用 html canvas 和一个特定的 javascript 库 (fabric.js)，以便我可以将 canvas 转换为 json 对象。我想使用 ajax 请求发送该 json 对象，以便我可以将其附加到我的数据库中的模型。我将如何去做这件事。

这是 JavaScript:

function postData(input) {
            $.ajax({
                type: "POST",
                url: window.location.href,
                data: { json: input },
                success: callbackFunc
            });
        }
let canvasBefore = JSON.stringify(canvas);
postData(canvasBefore);

我假设 django 有一个内置方法来处理这样的请求。感谢您的帮助。尼古拉斯

Answer 1

如果canvas是实际的<canvas>元素，你不能只是 JSON.stringify()它并期望保存图像:

>>> c = document.createElement('canvas')
    <canvas>​
>>> JSON.stringify(c)
    "{}"

相反，您可能想使用 canvas.toDataURL()获得 data: URL以 Base64 编码的 PNG 格式对 Canvas 内容进行编码:

>>> x = c.toDataURL()
    "data:image/png;base64,iVBORw0KGgoAAA..."

这是一个纯字符串，您可以将其保存到 Django 模型中，或者更好的是，在服务器端代码中解码回二进制 PNG 并使用 FileField 保存为文件。甚至 ImageField .