将图像从 JSON Schema Form 上传到 GCS，但图像未显示在 GCS 上（Retool）

【问题标题】：Upload an image from JSON Schema Form to GCS but the image is not displayed on GCS (Retool)将图像从 JSON Schema Form 上传到 GCS，但图像未显示在 GCS 上（Retool）
【发布时间】：2021-12-09 13:07:51
【问题描述】：

我在 Retool 上使用 JSON 架构表单 将图像上传到 云存储：

这是 JSON 架构：

{
  "type": "object",
  "properties": {
    "image": {
      "type": "string",
      "format": "data-url",
    }
  }
}

这是我上传的图片：

然后，我可以使用查询设置成功上传图片：

这是云存储上上传的图片：

但是，在云存储上，打开图片的“对象详情”时，却没有显示图片：

另外，打开图片的Authenticated URL时，图片也没有显示出来：

我所做的有什么遗漏吗？

【问题讨论】：

标签： javascript google-cloud-platform google-cloud-storage react-jsonschema-forms retool

【解决方案1】：

“上传数据”的代码不仅包含“图像数据”，还包含其他数据，例如“Content-Type” 、“文件名”和“编码方案”：

{{ form.data.image }}

所以您只需要使用以下代码提取“图像数据”：

{{ form.data.image.split(',')[1] }}

另外，对于“上传文件名”，

您也可以使用以下代码提取“文件名”“orangeHoney.jpg”：

{{ form.data.image.split("name=")[1].split(";")[0] }}

这是在云存储上上传的图片，上面有两组代码：

然后，在云存储上，当打开图片的“对象详情”时，显示的是图片：

另外，在打开图片的Authenticated URL时，也显示了图片：

【讨论】：