Fatal编程技术网
  • html5-canvas/
  • Html5 canvas 将HTML5画布转换为图像文件

Html5 canvas 将HTML5画布转换为图像文件

html5-canvas

Html5 canvas 将HTML5画布转换为图像文件,html5-canvas,Html5 Canvas,我正在使用JavaScript在文档上生成一个canvas。我希望将画布的数据URI作为图像文件托管在服务器上 是否有任何托管服务或API提供临时托管此文件的方法 其目的是在Facebook提要中共享画布，但Facebook提要需要一个图像URL。没有直接的服务来实现这一点。您需要首先使用Javascript在客户端创建图像文件，然后在blob的帮助下发送一个ajax调用，以便在服务器上上传图像。有关更多信息，请参阅此链接 一旦完成，你可以有一个指向此图像的URL，可以在facebook提要中共

我正在使用JavaScript在文档上生成一个
canvas
。我希望将画布的数据URI作为图像文件托管在服务器上

是否有任何托管服务或API提供临时托管此文件的方法

其目的是在Facebook提要中共享画布，但Facebook提要需要一个图像URL。

没有直接的服务来实现这一点。您需要首先使用Javascript在客户端创建图像文件，然后在blob的帮助下发送一个ajax调用，以便在服务器上上传图像。有关更多信息，请参阅此链接

一旦完成，你可以有一个指向此图像的URL，可以在facebook提要中共享。若您的服务器是基于Java的，那个么您可以参考此链接来了解如何从服务器中创建和删除临时文件

您也可以参考类似的服务，但我怀疑他们是否有API来存储您的临时文件。

否，您需要将图像数据作为普通二进制“文件”进行服务器。您可以将base64上传到服务器并让服务器编写一个文件，也可以将其转换为JS中的“虚拟文件”，查找“dataURL to Blob”。一旦您拥有了二进制
Blob
，您就可以使用
FormData
将其像普通文件一样上传到服务器。还有一个
canvas.toBlob（）
方法可以节省一些步骤。是否有任何在线服务可以提供这样的托管解决方案？这对谷歌来说是个问题……或者在wordpress cms中实现这一点的任何方法？