时间戳

首页 > 解决方案 > 无法访问文件数组

javascript - 无法访问文件数组

问题描述

无法访问文件数组的元素

  const p_page = postP.new_pages;
  const p_page_o = postP.new_pages_order;
  const p_page_o_len = p_page_o.length;
  if (p_page_o_len > 0) {
    for (let i = 0; i < p_page_o_len; i++) {
      console.log(p_page);  //Returns array with files inside it
      console.log(p_page[0]);  //returns undefined 
      console.log(p_page[i]);  //returns undefined

      formData.append("pages[]", p_page[i]);
      formData.append("pages_order[]", p_page_o[i]);
    }
  }

当我尝试控制台记录它们时：

图片

编辑：我在这里尝试做的基本上是将图像文件放在一个数组中，然后在将它们发布到后端之前通过循环将它们放在一个formdata中，我可以看到 p_page 控制台日志，但我无法访问第一个或任何其他数组中的孩子，抛出未定义。抱歉解释

标签： javascriptarraysvue.jsnuxt.js

解决方案

我不知道为什么，但这只是解决它：

  const p_page_o_len = postP.new_pages_order.length;
  for (let i = 0; i < p_page_o_len; i++) {

    const page = postP.new_pages[i];
    formData.append("pages[]", page);

    const order = postP.new_pages_order[i];
    formData.append("pages_order[]", order);

  }

我感谢每个人，并对糟糕的解释感到抱歉。仍然无法理解它有什么问题，但至少它为我解决了。

推荐阅读