javascript - 调用 JavaScript 函数后文件上传字段重置

Question

我有一个链接，它通过 JavaScript 函数生成文件上传字段。但是，当我添加一个上传字段，然后选择一个文件，然后添加另一个字段时，该文件从第一个字段中消失。我不明白为什么会这样。

jsFiddle: http://jsfiddle.net/etCqD/

请注意，jsFiddle 给出了一个错误 'addPhoto() is not defined' 我也不明白，因为该函数在 JavaScript 部分中有明确定义。这个错误不会发生在我的实际页面上。谁能告诉我这是怎么回事？

Answer 1

您正在编辑 innerHTML。这意味着您将 DOM 序列化为 HTML，然后更改 HTML 并将 HTML 转换回 DOM。

这破坏了值(value)，因为:

• value 属性将包含默认值
• 不能为文件输入设置value属性

使用createElement, appendNode and friends相反。