【问题标题】:javascript, create an image file from Base64 string to be uploaded [duplicate]javascript,从要上传的Base64字符串创建一个图像文件[重复]
【发布时间】:2015-08-27 06:05:02
【问题描述】:

我有一个画布,我想将它作为图像文件上传到服务器。

我可以将画布转换为 Base64 字符串,但不知道如何从那里创建图像文件(因此一旦上传到服务器,就可以通过 img src 中的 url 直接访问)。

注意:服务器所做的只是将上传的数据保存到文件中,因此必须在客户端在javascript中完成转换

有什么想法吗?

【问题讨论】:

  • @Andreas,谢谢,我实际上尝试了 Canvas.toBlob() 函数,但我得到的二进制文件不是 jpeg 文件。我将尝试使用帖子中的函数,看看二进制字符串是否可以作为 jpeg 打开。
  • 以供将来参考,请点击转换 base64 -> blob 的函数的链接。由于某种原因,mozilla 的 toBlob 函数似乎无法创建有效的 jpeg 二进制文件。

标签: javascript image canvas base64


【解决方案1】:

抱歉,试试这个:

image.src = 'data:image/png;base64,'+yourBase64;

【讨论】:

  • 所以一旦上传到服务器,就可以通过img src中的url直接访问 + 服务器所做的就是将上传的数据保存到一个文件中,所以转换必须在 javascript 客户端完成
  • 我编辑了我的第一个答案,对不起,我在几个例子中看到了这个:stackoverflow.com/questions/21227078/…
  • @Juan,谢谢,但我实际上需要 src 作为文件的 URL。使用此解决方案,我必须首先使用 ajax 请求检索文件内容,然后将字符串添加到 src。 (这是我不需要的一个 ajax 请求)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-01-01
  • 2014-05-06
  • 2015-04-30
  • 2015-08-18
  • 2015-02-07
  • 1970-01-01
  • 2019-01-13
相关资源
最近更新 更多