动态更新通过Python Django AJAX处理的图像

时间:2017-07-19 23:01:38

标签: javascript python ajax django

我目前正在开发一个简单的网站,因为我是Django和AJAX的新手,我遇到了麻烦。

我希望用户从他们的计算机中选择一个图像,然后能够处理并显示图像而不刷新页面。我只能使用JavaScript进行简单的颜色阈值处理,但是一些更复杂的处理需要使用Python完成,这就是我使用Django的原因。

的Javascript

    $("#interactBtn").click(function()  {
        var img = document.getElementById('inputImageFileInput').files[0];
        $.ajax({
            type: "POST",
            url: 'threshold',   //does this look okay?
            data: img,
        }).done(function(data)    {
            var canvas = document.getElementById('imagesTabProccessedImg');
            var context = canvas.getContext('2d');
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.putImageData(data, 0, 0);
    }
});

views.py

def threshold(img):
    # how to load image as OpenCV image
    # imagine proccessing here
    return img

我不太确定从哪里开始。从我研究的内容来看,我认为它应该是可能的,我只是迷失了。

  • 我的ajax请求会发送图像数据吗?
  • 将图像以什么格式发送到python代码?

提前感谢您的帮助!

0 个答案:

没有答案