如何获得 canvas 附加到回形针,以便将其保存到我的数据库中?

How do I get a canvas to attach to paperclip so I can save it into my database?

我有一个关于我的相机应用程序的小演示:

https://shielded-plains-5586.herokuapp.com/

当你按下“Drop”时,它会在你用下面的网络摄像头拍照后创建一个 canvas。我的问题是我不知道如何让 canvas 进入一张图片,然后通过上面带有回形针的表格将其保存到我的数据库中。我真的很困惑。有人可以帮忙吗?

使用canvas.toDataURL(),将return图像数据URI。

Post它到你的服务器,你需要写入文件并保存在数据库中的路径。

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData