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

Question

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

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

为此，我有两个选择：

1- to save the canvas displayed image on client machine drive (html5 localstorage)
2- Or i have to send the canvas image to the server and then have to upload that from the temp uploaded folder (i know this is a stupid idea :)).

我不知道该怎么办？请帮忙

由于

Answer 1

你不必假设画布作为文件。当你在canvas上使用canvas.toDataURL('image/png')时，返回一个表示编码URL的base64编码字符串。然后你可以通过POST方法将字符串发送到服务器。

服务器端的

从客户端发送的base64编码字符串重建图像。