Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Google电子表格中显示图片,而不是在Javascript传递的base64中显示其数据?_Javascript_Image_Google Sheets_Base64 - Fatal编程技术网

如何在Google电子表格中显示图片,而不是在Javascript传递的base64中显示其数据?

如何在Google电子表格中显示图片,而不是在Javascript传递的base64中显示其数据?,javascript,image,google-sheets,base64,Javascript,Image,Google Sheets,Base64,我的问题是,我在单元格中看到了将Javascript中的.toDataURL()应用到画布的结果,这很好,因为如果我将其设置为img标记的src,则图像将完全加载。但我想通过表单将它和其他数据一起发送到谷歌电子表格中的表格中 目前,当我提交表单时,工作表接收所有数据,甚至画布的数据,但它在base64中,所以它只显示一个字符串,有没有办法显示实际的图像 我尝试发送一个图像而不是dataURI,但随后单元格显示:“[object HTMLImageElement]” 由于我使用的是一个名为Sign

我的问题是,我在单元格中看到了将Javascript中的.toDataURL()应用到画布的结果,这很好,因为如果我将其设置为img标记的src,则图像将完全加载。但我想通过表单将它和其他数据一起发送到谷歌电子表格中的表格中

目前,当我提交表单时,工作表接收所有数据,甚至画布的数据,但它在base64中,所以它只显示一个字符串,有没有办法显示实际的图像

我尝试发送一个图像而不是dataURI,但随后单元格显示:“[object HTMLImageElement]”

由于我使用的是一个名为SignaturePad的Javascript库,它有一个名为ONED的选项,当您停止在画布中绘制时,我可以使用该选项添加代码,此时我将canvas.toDataURL()传递给一个输入隐藏类型

var canvas = document.getElementById('canvas')
let dataURL = canvas.toDataURL()
document.getElementById("signature").value = canvas.toDataURL();

顺便说一下,我没有使用数据库。因此,这个问题不同于。

它告诉您如何渲染base64图像,而与源无关。这是众多副本中的一个,它将告诉你如何做到这一点。但它与谷歌电子表格一起工作吗?我还没有亲自测试过它,但我相信你可以在谷歌上找到更准确的答案。任何人都有解决方案吗?它告诉你如何渲染base64图像,它与源无关。这是众多副本中的一个,它将告诉你如何做到这一点。但它与谷歌电子表格一起工作吗?我还没有亲自测试过它,但我相信你可以通过谷歌找到更准确的答案。有人对此有解决方案吗?