javascript - 将 javascript 数组传递给没有 ajax 的表单/$_POST

Question

我正在研究可在 Zend Framework 表单中使用的表单上传元素。我正在努力做到这一点，以便程序员可以在任何项目中使用它，而无需手动配置任何设置。

文件由返回 JSON 数据的 AJAX uploader 上传，例如:

[
  {
      "name":"image.png",
      "size":42410,
      "type":"image\/png",
      "url":"http:\/\/example.com\/image.png",
      "thumbnail_url":"http:\/\/example.com\/thumbnail\/image.png",
   }
]

由于 uploader 本身是一个表单元素，我试图将该数据放入表单中，以便在提交时可以从 $_POST 中检索值。我正在使用名为 uploader-data[] 的 javascript 添加隐藏输入字段(提交表单时)，但这只允许我当时将 1 个变量传递给隐藏字段。

所以我想我的问题是:“如何将整个数组/对象传递给 $_POST/表单？”。即使我为 uploader 本身使用 AJAX，我也不想用它来提交表单。我想要一个包含来自 JSON 对象/数组的所有数据的常规表单提交。文件本身已经上传，但我可能想在我的数据库或其他地方使用 JSON 数据。

有没有可能做这样的事情？

提前致谢。

Answer 1

使用 JSON.stringify 将您的 javascript 值放入输入字段:

data = [
  {
      "name":"image.png",
      "size":42410,
      "type":"image\/png",
      "url":"http:\/\/example.com\/image.png",
      "thumbnail_url":"http:\/\/example.com\/thumbnail\/image.png",
   }
]
document.getElementById('my_hidden_input').value = JSON.stringify(data);

这会将您的数组变成以下文本值:

[{"name":"image.png","size":42410,"type":"image/png","url":"http://example.com/image.png","thumbnail_url":"http://example.com/thumbnail/image.png"}]

Zend 可以将 JSON 值解析为 php 数组。