2013-05-01 87 views
2

scheme:用户在画布上绘制画布,将画布转换为图像(png或jpeg),转换后的文件保存在服务器上的特定目录中,绘制画布后用户单击按钮后,我所能做的就是:如何将画布转换为服务器上的图像

function to_image(){ 
      var canvas = document.getElementById("canvas"); 
      var data = canvas.toDataURL('image/png');} 

我该如何执行此任务? (有没有办法做到没有AJAX或没有?)

+0

您已经标记了这个以'jQuery',你为什么不希望使用Ajax ?你已经有一个JS依赖.. – 2013-05-01 19:51:50

+0

@FabrícioMatté权利,我只是想保持外部图书馆计数尽可能低,但猜猜现在它不是那么容易 – bla2eOD 2013-05-01 20:02:32

回答

1

你必须使用表单和/或ajax将其提交给服务器。 JavaScript在客户端运行,所以它不能直接干扰服务器。

编辑: 也许你可以找到有用的东西在这里,如果您需要关于如何做到这一点的详细信息: Uploading 'canvas' image data to the server

+0

好吧,另一个问题,是否更好地将该画布存储为img比base64?我应该在哪里存储base64如果我preffer使用它? – bla2eOD 2013-05-01 19:53:14

+0

@ bla2eOD:从技术上讲,还有另一个问题,但这取决于您将来如何处理它。如果您只保存它以将其发送回浏览器,那么可以保持它的格式。否则将其解码为PNG或您生成base64数据的任何格式。我会倾向于将其保存为实际的文件类型,而不考虑需要。 – Orbling 2013-05-01 19:56:18