将 html5 画布图像保存在客户端临时文件夹中以进行上传


Saving html5 Canvas image on client temp folder for uploading

我已经从mp4视频创建了缩略图,并通过将eventListener添加到视频浏览按钮来在同一页面上显示它。我希望当用户单击保存按钮时,视频以及所有其他字段应保存在已经正常工作的数据库中。

问题是现在我也在尝试将画布图像作为正常的输入类型=文件发送。

为此,我想有两个选择:

  1. 将画布显示的图像保存在客户端计算机驱动器上(HTML5 本地存储)
  2. 或者我必须将画布图像发送到服务器,然后必须从临时上传的文件夹中上传它(我知道这是一个愚蠢的想法)。

接下来我应该尝试什么?

不必将 canvas 假定为文件。 使用 canvas.toDataURL('image/png') 时,canvas.it 返回表示编码 URL 的 base64 编码字符串。然后可以通过 POST 方法将该字符串发送到服务器。

在服务器端,从客户端发送的 base64 编码字符串重建图像。