使用django保存并将图像从客户端加载到服务器

问题描述

这是我如何从客户端发送数据（coffeescript& dajaxice）：

Here is how I send data from the client (coffeescript & dajaxice):

imageData = canvas.toDataURL("image/png")
Dajaxice.draw.saveImage( @saveImage_callback, {'image': imageData } )

这是如何将我的图像保存在服务器上（取自）

Here is how I save my image on the server (taken from this answer)

@dajaxice_register
def saveImage(request, image):

   imageData = re.search(r'base64,(.*)', image).group(1)
   output = open('image.png', 'wb')
   output.write(imageData.decode('base64'))
   output.close()

我想加载图像并发送如下：

I would like to load the image and send it like so:

inputfile = open('image.png', 'rb')
imageData = inputfile.read().encode('base64')
inputfile.close()
return simplejson.dumps( { 'image': imageData } )

但是这样做不给我完全相同的数据，我的客户端无法绘制返回的图像。当我写下它时，imageData以 2OWn9u2 结尾，当我读它（缺少'9u2'）时， 2OWn p>

But this does not give me the exact same data, and my client fails to draw the returned image. imageData ends with 2OWn9u2 when I write it, and 2OWn when I read it (missing '9u2').

推荐答案

好的，数据的区别不是问题，它的工作原理。这是我在客户端上绘制返回的图像：

Ok, the difference of data is not a problem, it works. Here is how I draw the returned image on my client:

saveImage_callback: (result)=>
    imageData = 'data:image/png;base64,'+result.image
    image = new Image()
    image.src = imageData
    canvas.getContext("2d").drawImage(image, 300, 300, 300, 300)

这篇关于使用django保存并将图像从客户端加载到服务器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！