Jquery 将文件输入移动到新元素后，如何访问与文件输入关联的文件名和数据？

这个问题的标题草案是：

如何将数据附加到文件输入

我进一步细化了它，但这为我试图理解的内容提供了更广泛的背景

---

我试图将文件输入从一个div移动到另一个表单

我遇到了这把小提琴，它展示了如何将输入移动到另一个元素：

我将其修改为：

我现在正试图将其合并到一个更复杂的场景中，这需要我更多地了解数据是如何附加到文件输入的，以及像文件名这样的质量是否会自动附加并在编程上可用

上述两个示例的要点是，可以检索输入并将其附加到另一个表单中，包括：

// get all the inputs
var inputs = $(".container_class input");
// append them to a form
$("#new_location").append(inputs);

这将在以下对象的新位置创建标记：

<input type="file" id="image_path" class="MultiFile-applied" name="undefined" value="" style="position: absolute; top: -3000px;">
<input type="file" id="image_path_F1" class="MultiFile-applied MultiFile" name="undefined" value="">

所以我的问题是：

新表单中的所有标记似乎都是正确的，但我在标记中看不到任何文件名

---

请原谅我在这里的无知，但如果我继续并在该表单上按submit，文件名是否可以访问，以便我可以（例如）将对应文件名的图像存储在数据库中

文件名是根据我所知道的自动创建的：

可以通过以下逻辑访问它们：

request.files.input_name.filename

或者，对于更复杂的场景，请参阅本文，其中存在动态数量的输入，并且每个输入的名称未知：

request.files.input_name.filename